/*
 * UNCAPPED REALM — User CP overrides
 * Derived from the Space Cadet usercp.css (GPLv3 + attribution term).
 */

/* --- sidebar nav (modernized: FontAwesome icons, active highlight) --------- */

.usercp_nav_item {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 8px 11px;
	margin: 2px 0;
	background-image: none;
	border-radius: 9px;
	color: var(--text, #c9d4f2);
	font-size: 13px;
	line-height: 1.35;
	transition: background-color 0.16s ease, color 0.16s ease;
}

.usercp_nav_item::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 13px;
	width: 17px;
	flex: 0 0 auto;
	text-align: center;
	color: #8f9ac2;
	transition: color 0.16s ease;
}

.usercp_nav_item:hover {
	background: rgba(126, 107, 255, 0.14);
	color: var(--text-bright, #eef3ff);
	text-shadow: none;
}

.usercp_nav_item:hover::before {
	color: var(--violet-soft, #c99aff);
}

/* current page highlight (set by realm.js) */
.usercp_nav_active,
.usercp_nav_active:hover {
	background: linear-gradient(180deg, rgba(126, 107, 255, 0.26), rgba(177, 109, 255, 0.14));
	color: #fff;
}

.usercp_nav_active::before,
.usercp_nav_active:hover::before {
	color: var(--violet-soft, #c99aff);
}

/* second-level entries (under Edit Profile / Messenger) */
.usercp_nav_email,
.usercp_nav_password,
.usercp_nav_username,
.usercp_nav_editsig,
.usercp_nav_avatar,
.usercp_nav_sub_pmfolder,
.usercp_nav_trash_pmfolder {
	padding-left: 26px;
}

/* per-item icons */
.usercp_nav_home::before { content: "\f015"; }
.usercp_nav_profile::before { content: "\f2c1"; }
.usercp_nav_social::before { content: "\f0c1"; }
.usercp_nav_options::before { content: "\f013"; }
.usercp_nav_password::before { content: "\f084"; }
.usercp_nav_email::before { content: "\f0e0"; }
.usercp_nav_avatar::before { content: "\f03e"; }
.usercp_nav_editsig::before { content: "\f5b7"; }
.usercp_nav_username::before { content: "\f4ff"; }
.usercp_nav_usergroups::before { content: "\f0c0"; }
.usercp_nav_editlists::before { content: "\f2b9"; }
.usercp_nav_attachments::before { content: "\f0c6"; }
.usercp_nav_drafts::before { content: "\f15c"; }
.usercp_nav_subscriptions::before { content: "\f02e"; }
.usercp_nav_fsubscriptions::before { content: "\f0f3"; }
.usercp_nav_viewprofile::before { content: "\f007"; }
.usercp_nav_composepm::before { content: "\f1d8"; }
.usercp_nav_pmfolder::before { content: "\f01c"; }
.usercp_nav_sub_pmfolder::before { content: "\f07c"; }
.usercp_nav_trash_pmfolder::before { content: "\f1f8"; }
.usercp_nav_pmtracking::before { content: "\f2b6"; }
.usercp_nav_pmfolders::before { content: "\f07b"; }

.usercp_notepad {
	width: 99%;
}

.usercp_container {
	margin: 5px;
	padding: 10px;
	background: rgba(8, 12, 26, 0.7);
	border: 1px solid rgba(126, 152, 255, 0.14);
	border-radius: 9px;
}

.pmspace {
	float: right;
	margin: -3px 5px;
}

.pmspace_container {
	background: rgba(8, 12, 26, 0.85);
	border: 1px solid rgba(126, 152, 255, 0.18);
	width: 100px;
	display: inline-block;
	border-radius: 999px;
}

.pmspace_bar {
	background: linear-gradient(90deg, #79c4ff, #7e6bff, #b16dff);
	border-radius: 999px;
}

/* --- Linked Accounts (Discord / Steam) -------------------------------------- */

.uncap_links_grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 18px;
	margin-bottom: 20px;
}

.uncap_link_card {
	position: relative;
	padding: 18px;
	background: linear-gradient(180deg, rgba(16, 24, 48, 0.85), rgba(12, 18, 38, 0.85));
	border: 1px solid var(--cosmos-edge, rgba(126, 152, 255, 0.2));
	border-radius: var(--radius, 14px);
	box-shadow: 0 8px 24px rgba(2, 4, 12, 0.35);
}

.uncap_link_head {
	display: flex;
	align-items: center;
	gap: 14px;
}

.uncap_link_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	flex: 0 0 auto;
	border-radius: 13px;
	background: linear-gradient(135deg, #5865f2, #8891ff);
	color: #fff;
	font-size: 21px;
	box-shadow: 0 4px 14px rgba(88, 101, 242, 0.4);
}

.uncap_link_card[data-platform="steam"] .uncap_link_icon {
	background: linear-gradient(135deg, #1b2838, #3d5a7a);
	box-shadow: 0 4px 14px rgba(27, 40, 56, 0.55);
}

.uncap_link_titles {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-width: 0;
}

.uncap_link_title {
	font-size: 15.5px;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: var(--text-bright, #e8ecff);
}

.uncap_link_desc {
	margin-top: 2px;
	font-size: 12.5px;
	color: var(--text-dim, #93a0c8);
}

.uncap_link_chip {
	flex: 0 0 auto;
}

.uncap_link_chip_off .chip_value {
	color: #a9b4d6;
}

.uncap_link_name {
	margin-top: 12px;
	font-size: 13px;
	color: var(--text-dim, #93a0c8);
}

.uncap_link_name strong {
	color: var(--text-bright, #e8ecff);
}

.uncap_link_actions_wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}

.uncap_link_actions {
	display: inline-flex;
	margin: 0;
}

.uncap_import_panel {
	margin-bottom: 20px;
}

/* --- Link confirmation page ------------------------------------------------- */

.uncap_confirm_card {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 22px;
	background: linear-gradient(180deg, rgba(16, 24, 48, 0.85), rgba(12, 18, 38, 0.85));
	border: 1px solid var(--cosmos-edge, rgba(126, 152, 255, 0.2));
	border-radius: var(--radius, 14px);
	box-shadow: 0 8px 24px rgba(2, 4, 12, 0.35);
}

.uncap_confirm_avatar {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	object-fit: cover;
	flex: 0 0 auto;
	box-shadow: 0 4px 14px rgba(2, 4, 12, 0.55), 0 0 0 1px rgba(139, 148, 255, 0.3);
}

.uncap_confirm_body {
	flex: 1 1 auto;
	min-width: 0;
}

.uncap_confirm_line {
	margin: 0 0 6px;
	font-size: 14.5px;
	color: var(--text-bright, #e8ecff);
}

.uncap_confirm_icon {
	color: #8891ff;
	margin-right: 4px;
}

.uncap_confirm_id {
	font-family: Consolas, Monaco, monospace;
	font-size: 11.5px;
	color: var(--text-dim, #93a0c8);
}

.uncap_confirm_note {
	margin: 10px 0 16px;
	font-size: 12.5px;
	color: var(--text-dim, #93a0c8);
}

@media (max-width: 620px) {
	.uncap_confirm_card { flex-direction: column; text-align: center; }
	.uncap_link_actions_wrap { justify-content: center; }
}

/* User CP nav section headings */
.usercp_nav_group,
.usercp_section {
	color: #a8d8ff;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 11.5px;
}



.uncap_link_card[data-platform="ingame"] .uncap_link_icon {
	background: linear-gradient(135deg, #3ddc84, #7ef2b1);
	color: #06281a;
	box-shadow: 0 4px 14px rgba(61, 220, 132, 0.4);
}

.uncap_code_input {
	padding: 9px 14px;
	margin-right: 8px;
	border-radius: 999px;
	border: 1px solid rgba(148, 170, 255, 0.25);
	background: rgba(6, 9, 19, 0.6);
	color: var(--text-bright, #e8ecff);
	font-family: Consolas, Monaco, monospace;
	font-size: 15px;
	letter-spacing: 0.08em;
	text-align: center;
	width: 120px;
}

.uncap_code_input:focus {
	outline: none;
	border-color: var(--iris, #7e6bff);
	box-shadow: 0 0 0 3px rgba(126, 107, 255, 0.2);
}