/* ART Elite customer-area portal surface */
.art-elite-experience .customer-area {
	--art-customer-ink: #070b11;
	--art-customer-panel: #101923;
	--art-customer-paper: #f5f7f8;
	--art-customer-line: rgba(7, 11, 17, .1);
	--art-customer-cyan: #1d6473;
	--art-customer-lime: #d5ff75;
	background: var(--art-customer-paper);
	border-radius: 22px;
	box-shadow: 0 26px 80px rgba(7, 11, 17, .08);
	color: var(--art-customer-ink);
	font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	margin: clamp(35px, 6vw, 82px) auto;
	max-width: 1280px;
	overflow: hidden;
}
.art-elite-experience .customer-area .cuar-container,
.art-elite-experience .customer-area .cuar-css-wrapper { max-width: none; }
.art-elite-experience .customer-area .cuar-page-with-sidebar { display: grid; grid-template-columns: 270px minmax(0, 1fr); }
.art-elite-experience .customer-area .cuar-menu-container {
	background: var(--art-customer-panel);
	border: 0;
	color: #fff;
	min-height: 620px;
	padding: 30px 20px;
}
.art-elite-experience .customer-area .cuar-menu-container:before {
	color: var(--art-customer-cyan);
	content: 'ART ELITE  /  PORTAL';
	display: block;
	font-family: 'DM Mono', monospace;
	font-size: 9px;
	letter-spacing: .17em;
	margin: 4px 10px 28px;
}
.art-elite-experience .customer-area .cuar-menu-container ul,
.art-elite-experience .customer-area .cuar-menu-container ol { list-style: none; margin: 0; padding: 0; }
.art-elite-experience .customer-area .cuar-menu-container li { margin: 3px 0; }
.art-elite-experience .customer-area .cuar-menu-container a {
	border: 1px solid transparent;
	border-radius: 10px;
	color: rgba(255,255,255,.63);
	display: block;
	font-family: 'DM Mono', monospace;
	font-size: 10px;
	letter-spacing: .08em;
	padding: 12px 11px;
	text-transform: uppercase;
	transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.art-elite-experience .customer-area .cuar-menu-container a:hover,
.art-elite-experience .customer-area .cuar-menu-container .active > a,
.art-elite-experience .customer-area .cuar-menu-container .current-menu-item > a {
	background: rgba(125,232,255,.09);
	border-color: rgba(125,232,255,.22);
	color: var(--art-customer-cyan);
	transform: translateX(3px);
}
.art-elite-experience .customer-area .cuar-page-content,
.art-elite-experience .customer-area .cuar-page-content-main,
.art-elite-experience .customer-area .cuar-content-container { background: var(--art-customer-paper); padding: clamp(26px, 5vw, 58px); }
.art-elite-experience .customer-area .cuar-page-header,
.art-elite-experience .customer-area .cuar-single-post-header { border-bottom: 1px solid var(--art-customer-line); margin-bottom: 28px; padding-bottom: 22px; }
.art-elite-experience .customer-area .cuar-title,
.art-elite-experience .customer-area .cuar-single-post-header h1,
.art-elite-experience .customer-area .cuar-page-content h1 { color: var(--art-customer-ink); font-size: clamp(30px, 4vw, 54px); letter-spacing: -.07em; line-height: .98; }
.art-elite-experience .customer-area .cuar-description,
.art-elite-experience .customer-area .cuar-extra-info { color: #65727d; font-size: 14px; line-height: 1.7; }

/* Dashboard tiles, widgets, files, pages, and metadata */
.art-elite-experience .customer-area .cuar-widget,
.art-elite-experience .customer-area .cuar-panel-meta-tile,
.art-elite-experience .customer-area .cuar-single-entry,
.art-elite-experience .customer-area .cuar-file,
.art-elite-experience .customer-area .cuar-page {
	background: #fff;
	border: 1px solid var(--art-customer-line);
	border-radius: 15px;
	box-shadow: 0 12px 35px rgba(7,11,17,.045);
	margin-bottom: 18px;
	padding: 22px;
}
.art-elite-experience .customer-area .cuar-widget-title,
.art-elite-experience .customer-area .cuar-caption,
.art-elite-experience .customer-area .cuar-meta-label { color: #64727e; font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.art-elite-experience .customer-area .cuar-widget-title { color: var(--art-customer-ink); font-weight: 700; margin-bottom: 15px; }
.art-elite-experience .customer-area .cuar-meta-value,
.art-elite-experience .customer-area .cuar-meta-link { color: var(--art-customer-ink); font-size: 15px; font-weight: 700; }
.art-elite-experience .customer-area .cuar-meta-link:hover,
.art-elite-experience .customer-area a { color: var(--art-customer-cyan); }
.art-elite-experience .customer-area .cuar-action,
.art-elite-experience .customer-area .cuar-actions a,
.art-elite-experience .customer-area .button {
	background: var(--art-customer-ink);
	border: 0;
	border-radius: 999px;
	color: #fff;
	display: inline-block;
	font-family: 'DM Mono', monospace;
	font-size: 9px;
	font-weight: 500;
	letter-spacing: .1em;
	padding: 11px 17px;
	text-transform: uppercase;
}
.art-elite-experience .customer-area .cuar-action:hover,
.art-elite-experience .customer-area .cuar-actions a:hover,
.art-elite-experience .customer-area .button:hover { background: var(--art-customer-cyan); color: #fff; }
.art-elite-experience .customer-area .cuar-toolbar { align-items: center; border-bottom: 1px solid var(--art-customer-line); display: flex; gap: 15px; justify-content: space-between; margin-bottom: 20px; padding-bottom: 15px; }
.art-elite-experience .customer-area .cuar-toolbar input,
.art-elite-experience .customer-area .cuar-toolbar select,
.art-elite-experience .customer-area .cuar-form input,
.art-elite-experience .customer-area .cuar-form textarea,
.art-elite-experience .customer-area .cuar-form select { background: #f8fafb; border: 1px solid var(--art-customer-line); border-radius: 9px; box-shadow: none; min-height: 44px; }
.art-elite-experience .customer-area .cuar-toolbar input:focus,
.art-elite-experience .customer-area .cuar-form input:focus,
.art-elite-experience .customer-area .cuar-form textarea:focus,
.art-elite-experience .customer-area .cuar-form select:focus { border-color: var(--art-customer-cyan); box-shadow: 0 0 0 3px rgba(29,100,115,.1); outline: none; }
.art-elite-experience .customer-area .cuar-file-attachment,
.art-elite-experience .customer-area .cuar-attached-files { background: #eef5f7; border: 1px solid rgba(29,100,115,.16); border-radius: 10px; padding: 13px; }
.art-elite-experience .customer-area .cuar-empty-message { background: rgba(213,255,117,.16); border: 1px dashed rgba(94,132,19,.4); border-radius: 12px; color: #42550d; padding: 22px; }
.art-elite-experience .customer-area .cuar-reply-item { background: #fff; border: 1px solid var(--art-customer-line); border-radius: 12px; margin: 12px 0; padding: 17px; }
.art-elite-experience .customer-area .cuar-reply-item.cuar-current-user-reply { border-left: 3px solid var(--art-customer-cyan); }

/* Portal forms, payment areas, and notices */
.art-elite-experience .customer-area .cuar-form,
.art-elite-experience .customer-area .cuar-register-form,
.art-elite-experience .customer-area .cuar-forgot-password-form,
.art-elite-experience .customer-area .cuar-payment-methods { background: #fff; border: 1px solid var(--art-customer-line); border-radius: 15px; box-shadow: 0 12px 35px rgba(7,11,17,.045); padding: clamp(22px, 4vw, 36px); }
.art-elite-experience .customer-area .cuar-form label,
.art-elite-experience .customer-area .cuar-field-label { color: #64727e; display: block; font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: .1em; margin-bottom: 7px; text-transform: uppercase; }
.art-elite-experience .customer-area .cuar-js-state-error,
.art-elite-experience .customer-area .cuar-js-state-success,
.art-elite-experience .customer-area .cuar-notice { border-radius: 10px; padding: 14px 16px; }
.art-elite-experience .customer-area .cuar-js-state-error { background: #fff0f1; border-left: 3px solid #d64e5e; color: #78232d; }
.art-elite-experience .customer-area .cuar-js-state-success { background: rgba(213,255,117,.18); border-left: 3px solid #6c941b; color: #334809; }
.art-elite-experience .customer-area table { background: #fff; border: 1px solid var(--art-customer-line); border-radius: 13px; border-spacing: 0; overflow: hidden; width: 100%; }
.art-elite-experience .customer-area th { background: #eef5f7; color: #54636e; font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.art-elite-experience .customer-area th,
.art-elite-experience .customer-area td { border-bottom: 1px solid var(--art-customer-line); padding: 14px 16px; }
.art-elite-experience .customer-area tr:last-child td { border-bottom: 0; }

@media only screen and (max-width: 48em) {
	.art-elite-experience .customer-area { border-radius: 0; margin: 22px 0; }
	.art-elite-experience .customer-area .cuar-page-with-sidebar { display: block; }
	.art-elite-experience .customer-area .cuar-menu-container { min-height: 0; padding: 20px 16px; }
	.art-elite-experience .customer-area .cuar-menu-container:before { margin: 2px 8px 16px; }
	.art-elite-experience .customer-area .cuar-menu-container ul { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; }
	.art-elite-experience .customer-area .cuar-menu-container li { flex: 0 0 auto; }
	.art-elite-experience .customer-area .cuar-menu-container a { padding: 10px 12px; }
	.art-elite-experience .customer-area .cuar-page-content,
	.art-elite-experience .customer-area .cuar-page-content-main,
	.art-elite-experience .customer-area .cuar-content-container { padding: 24px 18px; }
	.art-elite-experience .customer-area .cuar-toolbar { align-items: flex-start; flex-direction: column; }
	.art-elite-experience .customer-area table { display: block; overflow-x: auto; white-space: nowrap; }
}