/*
 * Indeed Affiliate Pro - Modern public skin
 * Re-skins the affiliate front-end with the same visual language as the
 * reviews dashboard (template-reviews-management-2.php).
 */

.uap-modern {
	--uap-primary: #175298;
	--uap-primary-light: #4a90c2;
	--uap-primary-soft: rgba(23, 82, 152, 0.1);
	--uap-success: #2eb88a;
	--uap-success-soft: rgba(46, 184, 138, 0.1);
	--uap-warning: #ff9900;
	--uap-warning-soft: rgba(255, 153, 0, 0.12);
	--uap-purple: #8c5ac8;
	--uap-purple-soft: rgba(140, 90, 200, 0.12);
	--uap-danger: #e85a5a;
	--uap-danger-soft: rgba(232, 90, 90, 0.12);
	--uap-text: #1a2332;
	--uap-muted: #8a94a6;
	--uap-border: #eef0f3;
	--uap-card-bg: #ffffff;
	--uap-bg: #f7f8fa;
	--uap-shadow: 0 1px 3px rgba(20, 30, 50, 0.04), 0 1px 2px rgba(20, 30, 50, 0.03);
	--uap-shadow-hover: 0 6px 16px rgba(20, 30, 50, 0.06);
	--uap-radius: 12px;
	color: var(--uap-text);
}

.uap-modern *,
.uap-modern *::before,
.uap-modern *::after {
	box-sizing: border-box;
}

.uap-modern h1,
.uap-modern h2,
.uap-modern h3,
.uap-modern h4 {
	color: var(--uap-text);
	margin: 0;
}

.uap-modern h3 {
	font-size: 18px;
	font-weight: 600;
}

/* ============================================================
   LAYOUT — sidebar + content
   ============================================================ */

.uap-modern .uap-user-page-wrapper {
	background: transparent;
	padding: 0;
	margin: 0;
}

/* Hide the legacy top wrapper (avatar / rank / banner / earnings) — the affiliate space lives inside the theme header */
.uap-modern .uap-user-page-top-wrapper {
	display: none !important;
}

.uap-modern .uap-user-page-content-wrapper {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	gap: 24px;
	background: transparent;
	padding: 0;
	margin: 0;
}

.uap-modern .uap-user-page-content {
	background: transparent;
	padding: 0;
	min-width: 0;
}

@media (max-width: 900px) {
	.uap-modern .uap-user-page-content-wrapper {
		grid-template-columns: 1fr;
	}
}

/* ============================================================
   SIDEBAR / TABS
   ============================================================ */

/* Legacy resets — neutralise the !important rules from templates.css
   so the modern skin can paint its own colors. */
.uap-modern .uap-ap-menu,
.uap-modern .uap-ap-menu * {
	float: none !important;
}

.uap-modern .uap-ap-menu .uap-ap-menu-tab-item,
.uap-modern .uap-ap-menu .uap-ap-menu-item {
	background-color: transparent !important;
	border-bottom: 0 !important;
	padding: 0 !important;
	font-family: inherit !important;
}

.uap-modern .uap-ap-menu .uap-ap-menu-tab-item-selected,
.uap-modern .uap-ap-menu .uap-ap-menu-item-selected,
.uap-modern .uap-ap-menu .uap-ap-menu-item:hover,
.uap-modern .uap-ap-menu .uap-ap-menu-tab-item:hover,
.uap-modern .uap-ap-menu .uap-ap-submenu-item:hover .uap-ap-menu-tab-item,
.uap-modern .uap-ap-menu .uap-ap-submenu-item:hover .uap-ap-menu-tab-item:hover {
	background-color: transparent !important;
	padding-left: 0 !important;
}

.uap-modern .uap-ap-menu a,
.uap-modern .uap-ap-menu .uap-ap-menu-item a,
.uap-modern .uap-ap-menu .uap-ap-menu-tab-item a,
.uap-modern .uap-ap-menu .uap-ap-menu-item-selected a,
.uap-modern .uap-ap-menu .uap-ap-menu-item:hover a,
.uap-modern .uap-ap-menu .uap-ap-menu-tab-item-selected a,
.uap-modern .uap-ap-menu .uap-ap-menu-tab-item:hover a {
	color: inherit;
	box-shadow: none;
	border: 0;
}

.uap-modern .uap-user-page-content {
	width: auto !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.uap-modern .uap-ap-menu {
	max-width: none !important;
	min-width: 0 !important;
}

.uap-modern .uap-ap-menu {
	background: var(--uap-card-bg);
	border: 1px solid var(--uap-border);
	border-radius: var(--uap-radius);
	box-shadow: var(--uap-shadow);
	padding: 8px;
	width: auto;
	float: none;
	position: sticky;
	top: 24px;
	max-height: calc(100vh - 48px);
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

/* Slim scrollbar for the sidebar (webkit only — Firefox falls back to OS) */
.uap-modern .uap-ap-menu::-webkit-scrollbar {
	width: 6px;
}
.uap-modern .uap-ap-menu::-webkit-scrollbar-thumb {
	background: var(--uap-border);
	border-radius: 3px;
}
.uap-modern .uap-ap-menu::-webkit-scrollbar-thumb:hover {
	background: #d8dee8;
}

.uap-modern .uap-ap-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.uap-modern .uap-ap-menu-list--bottom {
	margin-top: 2px !important;
	padding-top: 0;
}

.uap-modern .uap-ap-menu > ul > li {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.uap-modern .uap-ap-menu-tab-item {
	margin: 2px 0;
}

.uap-modern .uap-ap-menu .uap-ap-menu-tab-item > a,
.uap-modern .uap-ap-menu .uap-ap-menu-tab-item > div > a,
.uap-modern .uap-ap-menu .uap-ap-menu-item > a {
	display: flex !important;
	align-items: center;
	gap: 10px;
	padding: 10px 12px !important;
	border-radius: 8px;
	color: #4a5568 !important;
	font-size: 14px !important;
	font-weight: 500;
	text-decoration: none;
	transition: background .15s ease, color .15s ease, box-shadow .15s ease;
	min-height: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
	line-height: 1.3 !important;
	position: relative;
}

.uap-modern .uap-ap-menu .uap-ap-menu-tab-item > a:hover,
.uap-modern .uap-ap-menu .uap-ap-menu-tab-item > div > a:hover,
.uap-modern .uap-ap-menu .uap-ap-menu-item > a:hover {
	background: #f3f5f8 !important;
	color: var(--uap-primary) !important;
	text-decoration: none;
}

/* Selected — primary soft bg + left vertical bar indicator */
.uap-modern .uap-ap-menu .uap-ap-menu-tab-item-selected > a,
.uap-modern .uap-ap-menu .uap-ap-menu-tab-item-selected > div > a,
.uap-modern .uap-ap-menu .uap-ap-menu-item-selected > a {
	background: var(--uap-primary-soft) !important;
	color: var(--uap-primary) !important;
	font-weight: 600;
}

/* Active leaf indicator — only on the actually-selected item, not its parent */
.uap-modern .uap-ap-menu-item-selected > a::before,
.uap-modern .uap-ap-menu-tab-item.uap-ap-menu-tab-item-selected:not(.uap-ap-submenu-item) > a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 60%;
	background: var(--uap-primary);
	border-radius: 0 3px 3px 0;
}

/* Parent of selected sub-item : softer (background only, no left bar, no bold change) */
.uap-modern .uap-ap-submenu-item.uap-ap-menu-tab-item-selected.is-open > .uap-ap-menu-tab-item > a {
	background: transparent;
	color: var(--uap-text);
	font-weight: 500;
}

.uap-modern .uap-ap-menu-tab-item .bi,
.uap-modern .uap-ap-menu-item .bi {
	font-size: 16px;
	opacity: 0.85;
	flex-shrink: 0;
}

.uap-modern .uap-ap-menu-tab-item-selected .bi,
.uap-modern .uap-ap-menu-item-selected .bi {
	opacity: 1;
}

.uap-modern .uap-ap-menu-label {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Trigger row : keep chevron right-aligned */
.uap-modern .uap-ap-submenu-item > .uap-ap-menu-tab-item > a {
	cursor: pointer;
}

.uap-modern .uap-ap-submenu-item .uap-modern-chevron {
	font-size: 12px;
	transition: transform .25s ease;
	margin-left: auto;
	opacity: 0.6;
}

.uap-modern .uap-ap-submenu-item.is-open .uap-modern-chevron {
	transform: rotate(90deg);
	opacity: 1;
}

/* Subtabs collapsible — max-height transition (simple & reliable) */
.uap-modern .uap-ap-menu .uap-public-ap-menu-subtabs {
	margin: 0 !important;
	padding: 0 !important;
	max-height: 0;
	overflow: hidden;
	transition: max-height .25s ease, padding .25s ease, margin .25s ease;
	display: block !important;
	/* neutralise theme-2/3 absolute dropdown */
	position: static !important;
	visibility: visible !important;
	opacity: 1 !important;
	background-color: transparent !important;
	width: auto !important;
}

.uap-modern .uap-public-ap-menu-subtabs.uap-display-block,
.uap-modern .uap-ap-submenu-item.is-open .uap-public-ap-menu-subtabs {
	max-height: 600px;
	margin: 4px 0 6px 0 !important;
}

.uap-modern .uap-public-ap-menu-subtabs > li:first-child {
	margin-top: 0;
}

.uap-modern .uap-public-ap-menu-subtabs .uap-ap-menu-item {
	padding-left: 22px;
	position: relative;
}

.uap-modern .uap-public-ap-menu-subtabs .uap-ap-menu-item::before {
	content: "";
	position: absolute;
	left: 16px;
	top: 0;
	bottom: 0;
	width: 1px;
	background: var(--uap-border);
}

.uap-modern .uap-public-ap-menu-subtabs .uap-ap-menu-item > a {
	padding: 8px 10px;
	font-size: 13px;
}

.uap-modern .uap-public-ap-menu-subtabs .uap-ap-menu-item .bi {
	font-size: 14px;
}

/* Logout — danger tint */
.uap-modern .uap-ap-menu .uap-ap-menu-tab-item--logout > a {
	color: var(--uap-danger) !important;
}

.uap-modern .uap-ap-menu .uap-ap-menu-tab-item--logout > a:hover {
	background: var(--uap-danger-soft) !important;
	color: var(--uap-danger) !important;
}

.uap-modern .uap-ap-menu .uap-ap-menu-tab-item--logout .bi {
	color: var(--uap-danger);
}

/* hide legacy chevron icons replaced by Bootstrap Icons */
.uap-modern .uap-ap-menu-sign,
.uap-modern .fa-uap {
	display: none !important;
}

.uap-modern .uap-ap-menu .bi {
	display: inline-flex;
}

/* Mobile : sidebar becomes a horizontal scrollable strip on top of the content
   (sub-menus collapse into the same flow). Sticky stays. */
@media (max-width: 900px) {
	.uap-modern .uap-ap-menu {
		position: static;
		top: auto;
		padding: 8px;
	}

	.uap-modern .uap-ap-menu-list--bottom {
		margin-top: 2px !important;
		padding-top: 0;
	}
}

/* ============================================================
   PAGE WRAP / TITLES
   ============================================================ */

.uap-modern .uap-ap-wrap {
	background: transparent;
	padding: 0;
	margin: 0;
}

.uap-modern .uap-ap-wrap > h3:first-child {
	margin-bottom: 18px;
}

/* ============================================================
   KPI CARDS
   ============================================================ */

.uap-modern .uap-kpi-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 16px;
	margin-bottom: 24px;
}

.uap-modern .uap-kpi-grid--4 {
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.uap-modern .uap-kpi-card {
	background: var(--uap-card-bg);
	border: 1px solid var(--uap-border);
	border-radius: var(--uap-radius);
	box-shadow: var(--uap-shadow);
	padding: 20px;
	position: relative;
	overflow: hidden;
	transition: transform .2s ease, box-shadow .2s ease;
}

.uap-modern .uap-kpi-card:hover {
	transform: translateY(-2px);
	box-shadow: var(--uap-shadow-hover);
}

.uap-modern .uap-kpi-icon {
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	font-size: 20px;
	margin-bottom: 12px;
}

.uap-modern .uap-kpi-icon.blue   { background: var(--uap-primary-soft); color: var(--uap-primary); }
.uap-modern .uap-kpi-icon.green  { background: var(--uap-success-soft); color: var(--uap-success); }
.uap-modern .uap-kpi-icon.orange { background: var(--uap-warning-soft); color: var(--uap-warning); }
.uap-modern .uap-kpi-icon.purple { background: var(--uap-purple-soft);  color: var(--uap-purple); }
.uap-modern .uap-kpi-icon.red    { background: var(--uap-danger-soft);  color: var(--uap-danger); }
.uap-modern .uap-kpi-icon.gray   { background: #eef0f3;                 color: #4a5568; }

.uap-modern .uap-kpi-label {
	font-size: 12px;
	font-weight: 600;
	color: var(--uap-muted);
	margin-bottom: 6px;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}

.uap-modern .uap-kpi-value {
	font-size: 28px;
	font-weight: 700;
	color: var(--uap-text);
	line-height: 1.15;
	word-break: break-word;
}

.uap-modern .uap-kpi-sub {
	font-size: 12px;
	color: var(--uap-muted);
	margin-top: 6px;
	min-height: 16px;
}

/* ============================================================
   SECTIONS / CARDS
   ============================================================ */

.uap-modern .uap-section {
	margin-bottom: 24px;
}

.uap-modern .uap-section-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
}

.uap-modern .uap-section-header h3 {
	font-size: 18px;
	font-weight: 600;
}

.uap-modern .uap-section-header .uap-section-actions {
	margin-left: auto;
	display: flex;
	gap: 8px;
}

.uap-modern .uap-card {
	background: var(--uap-card-bg);
	border: 1px solid var(--uap-border);
	border-radius: var(--uap-radius);
	box-shadow: var(--uap-shadow);
	padding: 20px;
	position: relative;
}

.uap-modern .uap-card--chart {
	min-height: 320px;
}

.uap-modern .uap-card-title {
	font-size: 14px;
	font-weight: 600;
	color: var(--uap-text);
	margin-bottom: 4px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.uap-modern .uap-card-title .bi {
	color: var(--uap-primary);
}

.uap-modern .uap-card-subtitle {
	font-size: 12px;
	color: var(--uap-muted);
	margin-bottom: 16px;
}

.uap-modern .uap-grid-2 {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
	gap: 16px;
}

@media (max-width: 1100px) {
	.uap-modern .uap-grid-2 {
		grid-template-columns: 1fr;
	}
}

/* ============================================================
   SUMMARY LIST (right column of overview)
   ============================================================ */

.uap-modern .uap-summary-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.uap-modern .uap-summary-list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid var(--uap-border);
	font-size: 14px;
}

.uap-modern .uap-summary-list li:last-child {
	border-bottom: 0;
}

.uap-modern .uap-summary-list .uap-summary-label {
	color: var(--uap-muted);
	display: flex;
	align-items: center;
	gap: 8px;
}

.uap-modern .uap-summary-list .uap-summary-label .bi {
	font-size: 14px;
}

.uap-modern .uap-summary-list .uap-summary-value {
	color: var(--uap-text);
	font-weight: 600;
}

/* ============================================================
   HELP / NOTICE
   ============================================================ */

.uap-modern .uap-notice {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 16px;
	background: var(--uap-primary-soft);
	border: 1px solid rgba(23, 82, 152, 0.18);
	border-radius: var(--uap-radius);
	color: var(--uap-text);
	font-size: 14px;
	margin-bottom: 24px;
}

.uap-modern .uap-notice .bi {
	color: var(--uap-primary);
	font-size: 18px;
	line-height: 1.3;
}

.uap-modern .uap-notice a {
	color: var(--uap-primary);
	font-weight: 600;
	text-decoration: underline;
}

.uap-modern .uap-notice--success {
	background: var(--uap-success-soft);
	border-color: rgba(46, 184, 138, 0.2);
}

.uap-modern .uap-notice--success .bi {
	color: var(--uap-success);
}

.uap-modern .uap-notice--warning {
	background: var(--uap-warning-soft);
	border-color: rgba(255, 153, 0, 0.22);
}

.uap-modern .uap-notice--warning .bi {
	color: var(--uap-warning);
}

.uap-modern .uap-notice--compact {
	margin: 0;
	padding: 12px 14px;
}

.uap-modern .uap-card-actions {
	margin-top: 18px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.uap-modern .uap-modern-form {
	margin: 0;
}

.uap-modern .uap-modern-button,
.uap-modern .uap-user-page-content .uap-modern-button,
.uap-modern .uap-user-page-content button.uap-modern-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 40px;
	padding: 10px 14px;
	border: 1px solid transparent;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	box-shadow: none;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.uap-modern .uap-modern-button--primary,
.uap-modern .uap-user-page-content button.uap-modern-button--primary {
	background: var(--uap-primary);
	border-color: var(--uap-primary);
	color: #fff;
}

.uap-modern .uap-modern-button--primary:hover,
.uap-modern .uap-user-page-content button.uap-modern-button--primary:hover {
	background: #123f75;
	border-color: #123f75;
	color: #fff;
}

.uap-modern .uap-modern-button--secondary {
	background: #fff;
	border-color: var(--uap-border);
	color: var(--uap-primary);
}

.uap-modern .uap-modern-button--secondary:hover {
	background: var(--uap-primary-soft);
	border-color: rgba(23, 82, 152, 0.18);
	color: var(--uap-primary);
	text-decoration: none;
}

.uap-modern .uap-table-card {
	padding: 0;
	overflow: hidden;
}

.uap-modern .uap-table-responsive {
	width: 100%;
	overflow-x: auto;
}

.uap-modern .uap-table-card .uap-account-table {
	width: 100%;
	border-collapse: collapse;
	border: 0;
	margin: 0;
	background: #fff;
	color: var(--uap-text);
	font-size: 14px;
}

.uap-modern .uap-table-card .uap-account-table thead {
	background: #f7f8fa;
	border-bottom: 1px solid var(--uap-border);
}

.uap-modern .uap-table-card .uap-account-table tfoot {
	display: none;
}

.uap-modern .uap-table-card .uap-account-table th,
.uap-modern .uap-table-card .uap-account-table td {
	border: 0;
	border-bottom: 1px solid var(--uap-border);
	padding: 14px 16px;
	text-align: left;
	vertical-align: middle;
}

.uap-modern .uap-table-card .uap-account-table th {
	color: var(--uap-muted);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}

.uap-modern .uap-table-card .uap-account-table tbody tr:hover {
	background: #fbfcfd;
}

.uap-modern .uap-table-card .uap-account-table tbody tr:last-child td {
	border-bottom: 0;
}

.uap-modern .uap-table-card .uap-account-referrals-filter {
	padding: 16px;
	border-bottom: 1px solid var(--uap-border);
	background: #fff;
}

.uap-modern .uap-table-card .uap-account-referrals-filter .uap-general-date-filter,
.uap-modern .uap-table-card .uap-account-referrals-filter .uap-general-date-filter-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.uap-modern .uap-table-card .uap-account-referrals-filter input[type="text"],
.uap-modern .uap-table-card .uap-account-referrals-filter select {
	min-height: 38px;
	border: 1px solid var(--uap-border);
	border-radius: 8px;
	padding: 8px 10px;
	color: var(--uap-text);
	background: #fff;
	box-shadow: none;
}

.uap-modern .uap-table-card .uap-account-referrals-filter input[type="submit"] {
	min-height: 38px;
	border: 1px solid var(--uap-primary);
	border-radius: 8px;
	padding: 8px 14px;
	background: var(--uap-primary);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

.uap-modern .uap-status-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 24px;
	padding: 4px 9px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

.uap-modern .uap-status-badge--success {
	background: var(--uap-success-soft);
	color: var(--uap-success);
}

.uap-modern .uap-status-badge--warning {
	background: var(--uap-warning-soft);
	color: var(--uap-warning);
}

.uap-modern .uap-status-badge--danger {
	background: var(--uap-danger-soft);
	color: var(--uap-danger);
}

.uap-modern .uap-modern-link {
	color: var(--uap-primary);
	font-weight: 600;
	text-decoration: underline;
}

.uap-modern .uap-muted-text {
	color: var(--uap-muted);
}

.uap-modern .uap-empty-state {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 22px;
	color: var(--uap-muted);
	font-size: 14px;
}

.uap-modern .uap-empty-state .bi {
	color: var(--uap-primary);
	font-size: 22px;
}

.uap-modern .uap-modern-pagination {
	padding: 16px;
	border-top: 1px solid var(--uap-border);
}

/* ============================================================
   MODERN FORMS
   ============================================================ */

.uap-modern .uap-form-card {
	overflow: visible;
}

.uap-modern .uap-modern-settings-form {
	margin: 0;
}

.uap-modern .uap-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.uap-modern .uap-form-grid-full {
	grid-column: 1 / -1;
}

.uap-modern .uap-modern-field,
.uap-modern .uap-form-line-register {
	margin: 0 0 16px;
}

.uap-modern .uap-form-grid .uap-modern-field {
	margin: 0;
}

.uap-modern .uap-modern-label,
.uap-modern .uap-ap-label,
.uap-modern .uap-form-label,
.uap-modern .uap-form-line-register label,
.uap-modern .uap-form-line-register .uap-form-label {
	display: block;
	margin: 0 0 7px;
	color: var(--uap-text);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
}

.uap-modern .uap-public-form-control,
.uap-modern .uap-form-element,
.uap-modern .uap-form-line-register input[type="text"],
.uap-modern .uap-form-line-register input[type="number"],
.uap-modern .uap-form-line-register input[type="password"],
.uap-modern .uap-form-line-register input[type="email"],
.uap-modern .uap-form-line-register input[type="url"],
.uap-modern .uap-form-line-register select,
.uap-modern .uap-form-line-register textarea {
	width: 100%;
	min-height: 42px;
	border: 1px solid var(--uap-border);
	border-radius: 8px;
	background: #fff;
	color: var(--uap-text);
	padding: 10px 12px;
	font-size: 14px;
	line-height: 1.4;
	box-shadow: none;
	outline: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.uap-modern textarea.uap-public-form-control,
.uap-modern .uap-form-line-register textarea,
.uap-modern .uap-form-element-textarea {
	min-height: 120px;
	resize: vertical;
}

.uap-modern .uap-public-form-control:focus,
.uap-modern .uap-form-element:focus,
.uap-modern .uap-form-line-register input:focus,
.uap-modern .uap-form-line-register select:focus,
.uap-modern .uap-form-line-register textarea:focus {
	border-color: rgba(23, 82, 152, 0.45);
	box-shadow: 0 0 0 3px rgba(23, 82, 152, 0.08);
}

.uap-modern .uap-inline-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.uap-modern .uap-payment-method-panel {
	padding: 0;
}

.uap-modern .uap-payment-method-panel + .uap-payment-method-panel {
	margin-top: 0;
}

.uap-modern .uap-form-actions-card {
	display: flex;
	justify-content: flex-end;
}

.uap-modern .uap-modern-checkbox-row {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--uap-muted);
	font-size: 14px;
}

.uap-modern .uap-modern-checkbox-row input[type="checkbox"],
.uap-modern .uap-form-line-register input[type="checkbox"],
.uap-modern .uap-form-line-register input[type="radio"] {
	width: auto;
	min-height: 0;
	margin: 0;
}

.uap-modern .uap-modern-checkbox-row a {
	color: var(--uap-primary);
	font-weight: 600;
	text-decoration: underline;
}

.uap-modern .uap-modern-account-form .uap-register-form {
	background: transparent;
	border: 0;
	box-shadow: none;
	margin: 0;
	padding: 0;
	width: auto;
	max-width: none;
}

.uap-modern .uap-modern-account-form .uap-form-create-edit {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 16px;
	margin: 0;
}

.uap-modern .uap-modern-account-form .uap-register-col {
	width: auto;
	float: none;
	margin: 0;
}

.uap-modern .uap-modern-account-form .uap-form-line-register,
.uap-modern .uap-modern-account-form .uap-submit-form,
.uap-modern .uap-modern-account-form .uap-register-col {
	grid-column: span 1;
}

.uap-modern .uap-modern-account-form .uap-form-type-textarea,
.uap-modern .uap-modern-account-form .uap-submit-form {
	grid-column: 1 / -1;
}

.uap-modern .uap-modern-account-form .uap-submit-form {
	margin-top: 4px;
}

.uap-modern .uap-modern-account-form .uap-submit-form input[type="submit"],
.uap-modern .uap-user-page-content input.uap-form-element-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: 40px;
	padding: 10px 14px;
	border: 1px solid var(--uap-primary);
	border-radius: 8px;
	background: var(--uap-primary);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	box-shadow: none;
}

.uap-modern .uap-form-sublabel,
.uap-modern .uap-account-notes {
	display: block;
	margin-top: 6px;
	color: var(--uap-muted);
	font-size: 12px;
	line-height: 1.4;
}

@media (max-width: 760px) {
	.uap-modern .uap-form-grid,
	.uap-modern .uap-modern-account-form .uap-form-create-edit {
		grid-template-columns: 1fr;
	}

	.uap-modern .uap-modern-account-form .uap-form-line-register,
	.uap-modern .uap-modern-account-form .uap-submit-form,
	.uap-modern .uap-modern-account-form .uap-register-col {
		grid-column: 1 / -1;
	}
}

/* ============================================================
   CHART CANVAS HELPER
   ============================================================ */

.uap-modern .uap-chart-wrapper {
	position: relative;
	height: 260px;
}

.uap-modern .uap-chart-wrapper canvas {
	width: 100% !important;
	height: 100% !important;
}