/* =========================================================
   CS Grăsuții România
   Profile Premium
   File: profile_premium.css
   Version: v2
========================================================= */

/* =========================================================
   PAGE BASE
========================================================= */

.cs-profile-page{
	max-width:1180px;
	margin:34px auto 80px;
	padding:0 18px;
	box-sizing:border-box;
	color:#dfeee2;
}

.cs-profile-page *,
.cs-profile-page *::before,
.cs-profile-page *::after{
	box-sizing:border-box;
}

.cs-profile-page a{
	color:#39ff14;
	text-decoration:none;
	transition:
		color .18s ease,
		text-shadow .18s ease,
		border-color .18s ease,
		background .18s ease,
		transform .18s ease,
		box-shadow .18s ease;
}

.cs-profile-page a:hover{
	color:#9cff8d;
	text-shadow:0 0 10px rgba(57,255,20,.42);
}

.cs-profile-page .smalltext,
.cs-profile-page .description{
	color:#9fb0a3;
}

/* =========================================================
   COVER
========================================================= */

.cs-profile-cover{
	position:relative;
	height:230px;
	margin:0 0 -72px;
	border:1px solid rgba(57,255,20,.18);
	border-radius:30px;
	overflow:hidden;
	background:#071016;
	box-shadow:
		0 24px 65px rgba(0,0,0,.42),
		0 0 36px rgba(57,255,20,.06);
}

.cs-profile-cover::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:3;
	background:linear-gradient(120deg,transparent 0%,rgba(57,255,20,.055) 48%,transparent 70%);
	transform:translateX(-115%);
	animation:csProfileShine 5s ease-in-out infinite;
	pointer-events:none;
}

.cs-profile-cover-bg{
	position:absolute;
	inset:-28px;
	background-position:center;
	background-size:cover;
	filter:blur(20px);
	transform:scale(1.08);
	opacity:.58;
}

.cs-profile-cover-overlay{
	position:absolute;
	inset:0;
	background:
		radial-gradient(circle at 18% 25%,rgba(57,255,20,.16),transparent 34%),
		radial-gradient(circle at 84% 18%,rgba(57,255,20,.09),transparent 30%),
		linear-gradient(180deg,rgba(5,9,13,.20),#071016 92%);
}

/* =========================================================
   ALERTS
========================================================= */

.cs-profile-alert{
	position:relative;
	z-index:4;
	margin:0 0 18px;
	border-radius:20px;
	overflow:hidden;
	box-shadow:
		0 16px 40px rgba(0,0,0,.32),
		0 0 24px rgba(255,180,60,.045);
}

.cs-profile-alert-head{
	display:flex;
	align-items:center;
	gap:10px;
	padding:15px 18px;
	border:1px solid rgba(255,180,60,.22);
	border-bottom:0;
	border-radius:20px 20px 0 0;
	background:
		radial-gradient(circle at left top,rgba(255,180,60,.11),transparent 42%),
		linear-gradient(180deg,rgba(30,22,12,.96),rgba(12,10,8,.96));
	color:#ffe5b8;
}

.cs-profile-alert-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	border-radius:50%;
	border:1px solid rgba(255,180,60,.30);
	background:rgba(255,180,60,.08);
	color:#ffb84d;
	font-weight:900;
	box-shadow:0 0 14px rgba(255,180,60,.10);
}

.cs-profile-alert-head strong{
	font-size:14px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.08em;
}

.cs-profile-alert-body{
	padding:16px 18px;
	border:1px solid rgba(255,180,60,.16);
	border-radius:0 0 20px 20px;
	background:linear-gradient(180deg,rgba(16,13,9,.94),rgba(7,10,14,.98));
}

.cs-profile-alert-reason{
	color:#ffe5b8;
	font-size:14px;
	font-weight:800;
	line-height:1.6;
}

.cs-profile-alert-meta{
	margin-top:8px;
	color:#cbbca1;
	font-size:13px;
	line-height:1.6;
}

.cs-profile-alert-meta span{
	color:#ffcf7a;
	font-weight:900;
}

.cs-profile-alert-banned .cs-profile-alert-head{
	border-color:rgba(255,80,80,.28);
	background:
		radial-gradient(circle at left top,rgba(255,80,80,.12),transparent 42%),
		linear-gradient(180deg,rgba(35,14,14,.96),rgba(12,8,10,.96));
	color:#ffdada;
}

.cs-profile-alert-banned .cs-profile-alert-icon{
	border-color:rgba(255,80,80,.34);
	background:rgba(255,80,80,.08);
	color:#ff7070;
}

.cs-profile-alert-banned .cs-profile-alert-body{
	border-color:rgba(255,80,80,.18);
}

.cs-profile-ban-remaining{
	display:inline-flex;
	align-items:center;
	margin-left:6px;
	padding:3px 8px;
	border:1px solid rgba(255,80,80,.20);
	border-radius:999px;
	background:rgba(255,80,80,.06);
	color:#ff9b9b;
	font-size:12px;
	font-weight:900;
}

/* =========================================================
   LAYOUT
========================================================= */

.cs-profile-layout{
	position:relative;
	z-index:5;
	display:grid;
	grid-template-columns:320px minmax(0,1fr);
	gap:22px;
	align-items:start;
}

.cs-profile-sidebar{
	min-width:0;
}

.cs-profile-main{
	min-width:0;
}

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

.cs-profile-card,
.cs-profile-tab-content{
	position:relative;
	border:1px solid rgba(57,255,20,.17);
	border-radius:24px;
	background:linear-gradient(180deg,rgba(18,27,39,.96),rgba(7,14,20,.99));
	box-shadow:
		0 18px 46px rgba(0,0,0,.34),
		0 0 28px rgba(57,255,20,.045);
	overflow:hidden;
}

.cs-profile-card::before,
.cs-profile-tab-content::before{
	content:"";
	position:absolute;
	inset:0 0 auto 0;
	height:1px;
	background:linear-gradient(90deg,transparent,rgba(57,255,20,.55),transparent);
	opacity:.75;
	pointer-events:none;
}

.cs-profile-card-head,
.cs-profile-section-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	padding:20px 22px;
	border-bottom:1px solid rgba(57,255,20,.12);
	background:
		radial-gradient(circle at left top,rgba(57,255,20,.08),transparent 42%),
		rgba(0,0,0,.10);
}

.cs-profile-section-label{
	margin-bottom:5px;
	color:#39ff14;
	font-size:11px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.13em;
	text-shadow:0 0 10px rgba(57,255,20,.25);
}

.cs-profile-card h2,
.cs-profile-card-head h2,
.cs-profile-section-head h2{
	margin:0;
	color:#f2fff4;
	font-size:22px;
	line-height:1.18;
	font-weight:900;
	letter-spacing:-.025em;
}

/* =========================================================
   SIDEBAR USER CARD
========================================================= */

.cs-profile-user-card{
	position:relative;
	overflow:visible;
	z-index:10;
	padding:70px 20px 20px;
	text-align:center;
}

.cs-profile-avatar-wrap{
	position:absolute;
	top:-58px;
	left:50%;
	transform:translateX(-50%);
	z-index:12;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0;
}

.cs-profile-avatar{
	position:relative;
	z-index:13;
	width:116px;
	height:116px;
	object-fit:cover;
	border:8px solid rgba(11,18,25,.90);
	border-radius:50%;
	background:#071016;
	box-shadow:
		0 0 0 1px rgba(57,255,20,.28),
		0 14px 34px rgba(0,0,0,.42),
		0 0 28px rgba(57,255,20,.09);
}

.cs-profile-avatar-image{
	max-width:116px;
	max-height:116px;
	object-fit:cover;
	border-radius:50%;
	border:5px solid rgba(57,255,20,.16);
	box-shadow:0 0 22px rgba(57,255,20,.08);
}

.cs-profile-name{
	margin:0;
	color:#f2fff4;
	font-size:24px;
	line-height:1.15;
	font-weight:900;
	letter-spacing:-.03em;
}

.cs-profile-name a{
	color:#f2fff4;
}

.cs-profile-name a:hover{
	color:#39ff14;
}

.cs-profile-title{
	min-height:20px;
	margin:8px 0 10px;
	color:#9fb0a3;
	font-size:13px;
	line-height:1.45;
}

.cs-profile-rank{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:5px 7px;
	min-height:24px;
	margin:8px 0 15px;
}

.cs-profile-groupimage{
	display:inline-block;
	max-width:100%;
	height:auto;
	vertical-align:middle;
}

.cs-profile-userstar{
	display:inline-block;
	max-width:16px;
	height:auto;
	vertical-align:middle;
	filter:drop-shadow(0 0 4px rgba(57,255,20,.20));
}

/* =========================================================
   BUTTONS / ACTIONS
========================================================= */

.cs-profile-main-action{
	position:relative;
	z-index:11;
	margin:16px 0 14px;
}

.cs-profile-actions{
	display:flex;
	flex-direction:column;
	gap:9px;
	margin-top:14px;
}

.cs-profile-btn,
.cs-profile-btn:visited{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	width:100%;
	min-height:40px;
	padding:9px 14px;
	border:1px solid rgba(57,255,20,.26);
	border-radius:999px;
	background:
		linear-gradient(180deg,rgba(57,255,20,.10),rgba(57,255,20,.035));
	color:#eaffea !important;
	font-size:13px;
	font-weight:900;
	box-shadow:0 0 18px rgba(57,255,20,.06);
	cursor:pointer;
}

.cs-profile-btn:hover{
	transform:translateY(-1px);
	border-color:rgba(57,255,20,.62);
	background:rgba(57,255,20,.11);
}

.cs-profile-btn-primary{
	display:flex !important;
	visibility:visible !important;
	opacity:1 !important;
	border-color:rgba(57,255,20,.38);
	background:
		linear-gradient(180deg,rgba(57,255,20,.18),rgba(57,255,20,.065));
}

.cs-profile-btn-message{
	border-color:rgba(120,220,255,.24);
	background:
		linear-gradient(180deg,rgba(120,220,255,.12),rgba(57,255,20,.035));
}

.cs-profile-btn-soft{
	background:rgba(57,255,20,.045);
}

.cs-profile-actions .add_buddy_button,
.cs-profile-actions .remove_buddy_button,
.cs-profile-actions .add_ignore_button,
.cs-profile-actions .remove_ignore_button{
	width:100%;
}

/* =========================================================
   STATS
========================================================= */

.cs-profile-stats{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:8px;
	margin:16px 0;
}

.cs-profile-stat{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:68px;
	padding:10px 8px;
	border:1px solid rgba(57,255,20,.14);
	border-radius:16px;
	background:
		linear-gradient(180deg,rgba(57,255,20,.06),rgba(255,255,255,.012));
	color:#dfeee2 !important;
	box-shadow:0 0 18px rgba(57,255,20,.035);
}

.cs-profile-stat:hover{
	transform:translateY(-2px);
	border-color:rgba(57,255,20,.34);
	background:rgba(57,255,20,.075);
}

.cs-profile-stat strong{
	display:block;
	color:#39ff14;
	font-size:18px;
	line-height:1.05;
	font-weight:900;
	text-shadow:0 0 10px rgba(57,255,20,.20);
}

.cs-profile-stat span{
	display:block;
	margin-top:6px;
	color:#9fb0a3;
	font-size:11px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.06em;
}

.cs-profile-reputation-value{
	color:#39ff14;
	font-weight:900;
}

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

.cs-profile-tabs-wrap{
	min-width:0;
}

.cs-profile-tabs{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
	margin:0 0 14px;
	padding:0;
	list-style:none;
}

.cs-profile-tab{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:40px;
	padding:9px 15px;
	border:1px solid rgba(57,255,20,.15);
	border-radius:999px;
	background:rgba(57,255,20,.035);
	color:#cfe0d2;
	font-size:13px;
	font-weight:900;
	cursor:pointer;
	user-select:none;
	transition:
		transform .18s ease,
		border-color .18s ease,
		background .18s ease,
		color .18s ease,
		box-shadow .18s ease;
}

.cs-profile-tab:hover{
	transform:translateY(-1px);
	border-color:rgba(57,255,20,.38);
	background:rgba(57,255,20,.08);
	color:#f2fff4;
}

.cs-profile-tab.current{
	border-color:rgba(57,255,20,.55);
	background:
		linear-gradient(180deg,rgba(57,255,20,.16),rgba(57,255,20,.06));
	color:#39ff14;
	box-shadow:0 0 20px rgba(57,255,20,.08);
}

.cs-profile-tab-content{
	display:none;
	min-height:360px;
}

.cs-profile-tab-content.current{
	display:block;
}

/* =========================================================
   FORUM INFO GRID
========================================================= */

.cs-profile-info-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
	padding:18px;
}

.cs-profile-info-box{
	min-width:0;
	padding:16px;
	border:1px solid rgba(57,255,20,.12);
	border-radius:18px;
	background:
		linear-gradient(180deg,rgba(57,255,20,.045),rgba(255,255,255,.012));
}

.cs-profile-info-box span{
	display:block;
	margin-bottom:7px;
	color:#9fb0a3;
	font-size:11px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.08em;
}

.cs-profile-info-box strong{
	display:block;
	color:#dfeee2;
	font-size:14px;
	line-height:1.6;
	font-weight:800;
	word-break:break-word;
}

.cs-profile-warning-box{
	border-color:rgba(255,180,60,.20);
	background:
		linear-gradient(180deg,rgba(255,180,60,.06),rgba(255,255,255,.012));
}

.cs-profile-warning-box span{
	color:#ffcf7a;
}

/* =========================================================
   STATUS
========================================================= */

.cs-profile-status{
	display:inline-flex;
	align-items:center;
	gap:7px;
	font-weight:900;
	line-height:1.4;
}

.cs-profile-status::before{
	content:"";
	width:9px;
	height:9px;
	border-radius:50%;
}

.cs-profile-status-online{
	color:#39ff14 !important;
}

.cs-profile-status-online::before{
	background:#39ff14;
	box-shadow:0 0 12px rgba(57,255,20,.80);
}

.cs-profile-status-offline{
	color:#ff7070;
}

.cs-profile-status-offline::before{
	background:#ff5050;
	box-shadow:0 0 12px rgba(255,80,80,.55);
}

.cs-profile-status-location{
	margin-top:5px;
	color:#9fb0a3;
	font-size:12px;
	line-height:1.5;
}

/* =========================================================
   ROW LISTS / ADDITIONAL INFO
========================================================= */

.cs-profile-info-list{
	display:flex;
	flex-direction:column;
	gap:10px;
	padding:18px;
}

.cs-profile-row,
.cs-profile-contact-item{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:14px;
	padding:14px 16px;
	border:1px solid rgba(57,255,20,.10);
	border-radius:16px;
	background:
		linear-gradient(180deg,rgba(57,255,20,.035),rgba(255,255,255,.01));
	color:#dfeee2;
}

.cs-profile-row span,
.cs-profile-contact-item span{
	color:#9fb0a3;
	font-size:12px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.08em;
	line-height:1.6;
}

.cs-profile-row strong,
.cs-profile-contact-item strong{
	color:#dfeee2;
	font-size:13px;
	line-height:1.65;
	font-weight:800;
	text-align:right;
	word-break:break-word;
}

.cs-profile-row strong img,
.cs-profile-contact-item strong img{
	max-width:100%;
	height:auto;
}

.cs-profile-referrals-row strong,
.cs-profile-warning-row strong{
	color:#39ff14;
}

.cs-profile-inline-link,
.cs-profile-contact-link,
.cs-profile-referrals-link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:4px 9px;
	border:1px solid rgba(57,255,20,.18);
	border-radius:999px;
	background:rgba(57,255,20,.045);
	color:#39ff14 !important;
	font-size:12px;
	font-weight:900;
	line-height:1.4;
}

.cs-profile-inline-link:hover,
.cs-profile-contact-link:hover,
.cs-profile-referrals-link:hover{
	transform:translateY(-1px);
	border-color:rgba(57,255,20,.45);
	background:rgba(57,255,20,.09);
}

.cs-profile-warn-link{
	border-color:rgba(255,180,60,.22);
	color:#ffcf7a !important;
	background:rgba(255,180,60,.05);
}

.cs-profile-vote-link{
	border-color:rgba(57,255,20,.34);
}

.cs-profile-notes-link{
	margin-left:8px;
}

/* =========================================================
   CONTACT
========================================================= */

.cs-profile-contact,
.cs-profile-contact-list{
	padding:18px;
}

.cs-profile-contact-list{
	display:flex;
	flex-direction:column;
	gap:10px;
	padding:0;
}

.cs-profile-contact .cs-profile-contact-list{
	padding:0;
}

.cs-profile-contact-item{
	align-items:center;
}

.cs-profile-contact-item .cs-profile-contact-link{
	max-width:65%;
	text-align:right;
	word-break:break-word;
}

/* =========================================================
   CUSTOM FIELDS
========================================================= */

.cs-profile-customfield-list{
	margin:0;
	padding:0 0 0 18px;
	color:#dfeee2;
}

.cs-profile-customfield-list li{
	margin:4px 0;
	line-height:1.5;
}

.cs-profile-customfield-list li::marker{
	color:#39ff14;
}

/* =========================================================
   SIGNATURE
========================================================= */

.cs-profile-signature{
	padding:18px;
}

.cs-profile-signature-box{
	padding:16px;
	border:1px solid rgba(57,255,20,.12);
	border-radius:18px;
	background:
		linear-gradient(180deg,rgba(57,255,20,.04),rgba(255,255,255,.012));
}

.cs-profile-signature-title{
	margin-bottom:10px;
	color:#39ff14;
	font-size:12px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.10em;
}

.cs-profile-signature-content{
	color:#dfeee2;
	font-size:14px;
	line-height:1.7;
}

.cs-profile-signature-content img{
	max-width:100%;
	height:auto;
}

/* =========================================================
   REPUTATION TAB
========================================================= */

.cs-profile-reputation-intro{
	padding:18px 18px 0;
	color:#9fb0a3;
	font-size:13px;
	line-height:1.6;
}

.cs-profile-reputation-load{
	padding:18px;
	min-height:120px;
}

.cs-profile-reputation-load #jquery_spinner_load{
	display:block;
	margin:25px auto;
	max-width:48px;
	height:auto;
}

.cs-profile-reputation-load #reputationlist{
	border:0 !important;
	background:transparent !important;
}

.cs-profile-reputation-load .tborder{
	border:1px solid rgba(57,255,20,.12) !important;
	border-radius:18px;
	overflow:hidden;
	background:rgba(7,14,20,.92) !important;
}

/* =========================================================
   MOD / ADMIN OPTIONS
========================================================= */

.cs-profile-mod-card,
.cs-profile-admin-card{
	margin:18px;
}

.cs-profile-mod-list{
	padding:16px;
}

.cs-profile-mod-actions,
.cs-profile-admin-actions{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:9px;
}

.cs-profile-mod-link,
.cs-profile-admin-link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:36px;
	padding:8px 12px;
	border:1px solid rgba(57,255,20,.18);
	border-radius:999px;
	background:rgba(57,255,20,.045);
	color:#eaffea !important;
	font-size:12px;
	font-weight:900;
}

.cs-profile-mod-link:hover,
.cs-profile-admin-link:hover{
	transform:translateY(-1px);
	border-color:rgba(57,255,20,.45);
	background:rgba(57,255,20,.09);
}

.cs-profile-mod-link-danger,
.cs-profile-admin-link-danger{
	border-color:rgba(255,80,80,.24);
	background:rgba(255,80,80,.055);
	color:#ffb0b0 !important;
}

.cs-profile-mod-link-danger:hover,
.cs-profile-admin-link-danger:hover{
	border-color:rgba(255,80,80,.52);
	background:rgba(255,80,80,.10);
	color:#ffd0d0 !important;
}

.cs-profile-mod-link-success,
.cs-profile-admin-link-success{
	border-color:rgba(57,255,20,.30);
	background:rgba(57,255,20,.08);
	color:#39ff14 !important;
}

.cs-profile-mod-notes{
	width:100%;
	margin-top:12px;
	padding:14px;
	border:1px solid rgba(57,255,20,.10);
	border-radius:16px;
	background:rgba(57,255,20,.025);
	color:#dfeee2;
	font-size:13px;
	line-height:1.6;
}

.cs-profile-ip-box{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
	width:100%;
	margin-top:12px;
}

.cs-profile-ip-box div{
	padding:12px;
	border:1px solid rgba(57,255,20,.10);
	border-radius:14px;
	background:rgba(57,255,20,.025);
}

.cs-profile-ip-box span{
	display:block;
	margin-bottom:5px;
	color:#9fb0a3;
	font-size:11px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.07em;
}

.cs-profile-ip-box strong{
	display:block;
	color:#dfeee2;
	font-size:13px;
	word-break:break-word;
}

/* =========================================================
   REFERRALS PAGE / POPUP
========================================================= */

.cs-profile-referrals-page{
	max-width:980px;
}

.cs-profile-hero-mini{
	margin:0 0 18px;
	padding:26px;
	border:1px solid rgba(57,255,20,.18);
	border-radius:24px;
	background:
		radial-gradient(circle at 12% 18%,rgba(57,255,20,.13),transparent 34%),
		linear-gradient(135deg,#121b27 0%,#080f16 58%,#05090d 100%);
	box-shadow:
		0 20px 52px rgba(0,0,0,.38),
		0 0 28px rgba(57,255,20,.055);
}

.cs-profile-hero-mini h1{
	margin:0;
	color:#f2fff4;
	font-size:30px;
	line-height:1.15;
	font-weight:900;
	letter-spacing:-.03em;
}

.cs-profile-hero-mini p{
	margin:8px 0 0;
	color:#9fb0a3;
	font-size:14px;
	line-height:1.6;
}

.cs-profile-referrals-top,
.cs-profile-referrals-bottom{
	margin:16px 0;
	text-align:center;
}

.cs-profile-referrals-card{
	margin:0;
}

.cs-profile-referrals-table{
	padding:0;
}

.cs-profile-referrals-head,
.cs-profile-referral-row{
	display:grid;
	grid-template-columns:1fr 180px;
	gap:14px;
	align-items:center;
}

.cs-profile-referrals-head{
	padding:13px 18px;
	border-bottom:1px solid rgba(57,255,20,.12);
	background:rgba(57,255,20,.045);
	color:#39ff14;
	font-size:12px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.08em;
}

.cs-profile-referrals-head span:last-child{
	text-align:right;
}

.cs-profile-referral-row{
	padding:14px 18px;
	border-bottom:1px solid rgba(57,255,20,.075);
	color:#dfeee2;
}

.cs-profile-referral-row:last-child{
	border-bottom:0;
}

.cs-profile-referral-user{
	font-weight:900;
}

.cs-profile-referral-date{
	color:#9fb0a3;
	font-size:13px;
	text-align:right;
}

.cs-profile-empty-referrals{
	padding:18px;
	border:1px solid rgba(255,80,80,.18);
	border-radius:16px;
	background:rgba(255,80,80,.045);
	color:#ffd0d0;
	font-size:13px;
	line-height:1.6;
}

.cs-profile-referrals-modal,
.cs-profile-notes-modal{
	max-height:420px;
	overflow-y:auto;
	border:1px solid rgba(57,255,20,.18);
	border-radius:20px;
	background:linear-gradient(180deg,rgba(18,27,39,.98),rgba(7,14,20,.99));
	box-shadow:
		0 22px 60px rgba(0,0,0,.45),
		0 0 30px rgba(57,255,20,.08);
}

.cs-profile-referrals-modal-head,
.cs-profile-notes-modal-head{
	padding:16px 18px;
	border-bottom:1px solid rgba(57,255,20,.12);
	background:
		radial-gradient(circle at left top,rgba(57,255,20,.08),transparent 42%),
		rgba(0,0,0,.12);
}

.cs-profile-referrals-modal-head h3,
.cs-profile-notes-modal-head h3{
	margin:0;
	color:#f2fff4;
	font-size:18px;
	font-weight:900;
}

.cs-profile-notes-modal-body{
	padding:18px;
	color:#dfeee2;
	font-size:14px;
	line-height:1.7;
}

/* =========================================================
   FORM / INPUT FALLBACKS
========================================================= */

.cs-profile-page input.textbox,
.cs-profile-page textarea,
.cs-profile-page select{
	max-width:100%;
	border:1px solid rgba(57,255,20,.18);
	border-radius:14px;
	background:#071016;
	color:#dfeee2;
	outline:none;
	transition:
		border-color .18s ease,
		box-shadow .18s ease,
		background .18s ease;
}

.cs-profile-page input.textbox{
	min-height:40px;
	padding:9px 12px;
}

.cs-profile-page select{
	min-height:40px;
	padding:8px 10px;
}

.cs-profile-page input.textbox:focus,
.cs-profile-page textarea:focus,
.cs-profile-page select:focus{
	border-color:rgba(57,255,20,.52);
	box-shadow:0 0 0 3px rgba(57,255,20,.075);
	background:#09141d;
}

.cs-profile-page input.button,
.cs-profile-page .button{
	border:1px solid rgba(57,255,20,.34);
	border-radius:999px;
	background:
		linear-gradient(180deg,rgba(57,255,20,.18),rgba(57,255,20,.06));
	color:#eaffea;
	font-weight:900;
	cursor:pointer;
	box-shadow:0 0 18px rgba(57,255,20,.08);
	transition:
		transform .18s ease,
		border-color .18s ease,
		background .18s ease,
		box-shadow .18s ease;
}

.cs-profile-page input.button:hover,
.cs-profile-page .button:hover{
	transform:translateY(-1px);
	border-color:rgba(57,255,20,.70);
	background:rgba(57,255,20,.13);
	box-shadow:0 0 24px rgba(57,255,20,.13);
}

/* =========================================================
   MULTIPAGE FALLBACK
========================================================= */

.cs-profile-page .pagination,
.cs-profile-page .pagination_breadcrumb{
	color:#9fb0a3;
}

.cs-profile-page .pagination a,
.cs-profile-page .pagination .pagination_current,
.cs-profile-page .pagination_current{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:32px;
	min-height:32px;
	margin:2px;
	padding:5px 9px;
	border:1px solid rgba(57,255,20,.16);
	border-radius:10px;
	background:rgba(57,255,20,.035);
	color:#dfeee2;
	font-weight:800;
}

.cs-profile-page .pagination a:hover{
	border-color:rgba(57,255,20,.45);
	background:rgba(57,255,20,.09);
	color:#39ff14;
}

.cs-profile-page .pagination .pagination_current,
.cs-profile-page .pagination_current{
	border-color:rgba(57,255,20,.52);
	background:rgba(57,255,20,.12);
	color:#39ff14;
}

/* =========================================================
   ANIMATION
========================================================= */

@keyframes csProfileShine{
	0%{transform:translateX(-115%);}
	45%{transform:translateX(115%);}
	100%{transform:translateX(115%);}
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width:1040px){
	.cs-profile-layout{
		grid-template-columns:290px minmax(0,1fr);
		gap:18px;
	}

	.cs-profile-stats{
		grid-template-columns:1fr;
	}
}

@media (max-width:860px){
	.cs-profile-page{
		margin-top:22px;
		padding:0 12px;
	}

	.cs-profile-cover{
		height:190px;
		margin-bottom:-58px;
		border-radius:24px;
	}

	.cs-profile-layout{
		grid-template-columns:1fr;
	}

	.cs-profile-user-card{
		padding-top:70px;
	}

	.cs-profile-stats{
		grid-template-columns:repeat(3,minmax(0,1fr));
	}

	.cs-profile-tabs{
		display:grid;
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.cs-profile-tab{
		width:100%;
	}

	.cs-profile-info-grid{
		grid-template-columns:1fr;
	}

	.cs-profile-mod-card,
	.cs-profile-admin-card{
		margin:14px;
	}

	.cs-profile-ip-box{
		grid-template-columns:1fr;
	}
}

@media (max-width:620px){
	.cs-profile-page{
		padding:0 10px;
	}

	.cs-profile-cover{
		height:165px;
		border-radius:20px;
	}

	.cs-profile-user-card{
		padding-top:64px;
	}

	.cs-profile-avatar-wrap{
		top:-52px;
	}

	.cs-profile-avatar{
		width:104px;
		height:104px;
	}

	.cs-profile-name{
		font-size:22px;
	}

	.cs-profile-stats{
		grid-template-columns:1fr;
	}

	.cs-profile-tabs{
		grid-template-columns:1fr;
	}

	.cs-profile-card-head,
	.cs-profile-section-head{
		padding:17px;
	}

	.cs-profile-card h2,
	.cs-profile-card-head h2,
	.cs-profile-section-head h2{
		font-size:19px;
	}

	.cs-profile-row,
	.cs-profile-contact-item{
		flex-direction:column;
		align-items:flex-start;
	}

	.cs-profile-row strong,
	.cs-profile-contact-item strong,
	.cs-profile-contact-item .cs-profile-contact-link{
		max-width:100%;
		text-align:left;
	}

	.cs-profile-referrals-head,
	.cs-profile-referral-row{
		grid-template-columns:1fr;
		gap:5px;
	}

	.cs-profile-referrals-head span:last-child,
	.cs-profile-referral-date{
		text-align:left;
	}
}