/* =========================================================
   CS Grăsuții România
   ShowThread Premium
   File: showthread_premium.css
   Version: v1 FINAL CLEAN
========================================================= */

/* =========================
   Page Wrapper
========================= */

.cs-showthread-page{
	width:min(1320px, calc(100% - 32px));
	margin:34px auto 70px;
	color:#dce7df;
}

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

/* =========================
   Hero
========================= */

.cs-showthread-hero{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	margin:0 0 22px;
	padding:26px;
	border:1px solid rgba(57,255,20,.22);
	border-radius:26px;
	background:
		radial-gradient(circle at top left, rgba(57,255,20,.17), transparent 34%),
		radial-gradient(circle at bottom right, rgba(57,255,20,.08), transparent 30%),
		linear-gradient(135deg, rgba(16,24,30,.97), rgba(6,10,14,.97));
	box-shadow:
		0 24px 60px rgba(0,0,0,.44),
		0 0 30px rgba(57,255,20,.08);
	overflow:hidden;
}

.cs-showthread-hero::before{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(120deg, transparent 0%, rgba(57,255,20,.08) 45%, transparent 70%);
	transform:translateX(-130%);
	animation:csShowThreadShine 4.4s ease-in-out infinite;
	pointer-events:none;
}

.cs-showthread-hero-content,
.cs-showthread-hero-actions{
	position:relative;
	z-index:1;
}

.cs-showthread-hero-content{
	min-width:0;
	flex:1;
}

.cs-showthread-kicker{
	display:inline-flex;
	align-items:center;
	gap:9px;
	margin:0 0 10px;
	font-size:12px;
	font-weight:900;
	letter-spacing:.13em;
	text-transform:uppercase;
	color:#39ff14;
	text-shadow:0 0 14px rgba(57,255,20,.38);
}

.cs-showthread-kicker::before{
	content:"";
	width:9px;
	height:9px;
	border-radius:50%;
	background:#39ff14;
	box-shadow:0 0 16px rgba(57,255,20,.85);
}

.cs-showthread-prefix{
	display:inline-flex;
	align-items:center;
	max-width:100%;
	margin:0 0 8px;
	font-size:13px;
	font-weight:800;
	color:#c6d4cc;
}

.cs-showthread-prefix:empty{
	display:none;
}

.cs-showthread-hero h1{
	margin:0;
	font-size:32px;
	line-height:1.16;
	font-weight:950;
	color:#f2fff5;
	text-shadow:0 0 18px rgba(57,255,20,.16);
	word-break:break-word;
}

.cs-showthread-meta{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin:14px 0 0;
}

.cs-showthread-meta span{
	display:inline-flex;
	align-items:center;
	min-height:32px;
	padding:0 12px;
	border:1px solid rgba(57,255,20,.18);
	border-radius:999px;
	background:rgba(0,0,0,.18);
	color:#aebbb4;
	font-size:12px;
	font-weight:800;
}

.cs-showthread-hero-actions{
	flex:0 0 auto;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}

.cs-showthread-reply-slot{
	min-width:190px;
}

/* =========================
   Main Buttons
========================= */

.cs-showthread-page .button,
.cs-showthread-page input.button,
.cs-showthread-page a.button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:42px;
	padding:0 18px;
	border:1px solid rgba(57,255,20,.28)!important;
	border-radius:999px!important;
	background:
		linear-gradient(180deg, rgba(57,255,20,.18), rgba(57,255,20,.075)),
		#071014!important;
	color:#ecfff0!important;
	font-weight:900;
	text-decoration:none!important;
	text-shadow:none!important;
	box-shadow:0 0 18px rgba(57,255,20,.10);
	cursor:pointer;
	transition:
		transform .15s ease,
		box-shadow .15s ease,
		border-color .15s ease,
		background .15s ease,
		color .15s ease;
}

.cs-showthread-page .button:hover,
.cs-showthread-page input.button:hover,
.cs-showthread-page a.button:hover{
	transform:translateY(-1px);
	border-color:rgba(57,255,20,.56)!important;
	background:
		linear-gradient(180deg, rgba(57,255,20,.25), rgba(57,255,20,.10)),
		#091419!important;
	color:#ffffff!important;
	box-shadow:0 0 26px rgba(57,255,20,.16);
}

.cs-showthread-newreply-btn,
.cs-showthread-newthread-btn{
	width:100%;
}

.cs-showthread-closed-btn{
	width:100%;
	border-color:rgba(255,80,80,.34)!important;
	background:
		linear-gradient(180deg, rgba(255,80,80,.16), rgba(255,80,80,.055)),
		#12090b!important;
	color:#ffd8d8!important;
}

/* =========================
   Topbar / Pagination
========================= */

.cs-showthread-topbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	margin:0 0 18px;
	padding:14px;
	border:1px solid rgba(255,255,255,.07);
	border-radius:20px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
		rgba(0,0,0,.18);
}

.cs-showthread-pagination{
	min-width:0;
}

.cs-showthread-pagination:empty{
	display:none;
}

.cs-showthread-pagination-bottom{
	display:flex;
	justify-content:center;
	margin:22px 0 0;
}

.cs-showthread-page .pagination{
	margin:0;
}

.cs-showthread-page .pagination .pages{
	border:1px solid rgba(57,255,20,.18);
	border-radius:999px;
	background:rgba(0,0,0,.20);
	color:#aebbb4;
	padding:8px 12px;
}

.cs-showthread-page .pagination a,
.cs-showthread-page .pagination .pagination_current{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:34px;
	min-height:34px;
	margin:2px;
	border:1px solid rgba(255,255,255,.08);
	border-radius:12px;
	background:rgba(0,0,0,.22);
	color:#dce7df!important;
	font-weight:800;
	text-decoration:none!important;
	transition:
		transform .15s ease,
		border-color .15s ease,
		background .15s ease,
		color .15s ease;
}

.cs-showthread-page .pagination a:hover,
.cs-showthread-page .pagination .pagination_current{
	transform:translateY(-1px);
	border-color:rgba(57,255,20,.34);
	background:rgba(57,255,20,.10);
	color:#39ff14!important;
}

/* =========================
   Thread Tools
========================= */

.cs-showthread-tools-list,
.thread_tools.cs-showthread-tools-list{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
	margin:0;
	padding:0;
	list-style:none;
}

.cs-showthread-tool-item{
	margin:0!important;
	padding:0!important;
	list-style:none;
}

.cs-showthread-tool-item a,
.cs-showthread-tools-list li a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:36px;
	padding:0 13px;
	border:1px solid rgba(57,255,20,.18);
	border-radius:999px;
	background:rgba(0,0,0,.20);
	color:#dce7df!important;
	font-size:12px;
	font-weight:850;
	text-decoration:none!important;
	transition:
		transform .15s ease,
		border-color .15s ease,
		background .15s ease,
		color .15s ease;
}

.cs-showthread-tool-item a:hover,
.cs-showthread-tools-list li a:hover{
	transform:translateY(-1px);
	border-color:rgba(57,255,20,.40);
	background:rgba(57,255,20,.09);
	color:#39ff14!important;
}

/* =========================
   Posts Container Only
   PostBit styling is handled in postbit_premium.css
========================= */

.cs-showthread-posts-card{
	position:relative;
	border:1px solid rgba(57,255,20,.18);
	border-radius:26px;
	background:
		radial-gradient(circle at top right, rgba(57,255,20,.07), transparent 30%),
		linear-gradient(180deg, rgba(17,25,31,.96), rgba(7,12,16,.96));
	box-shadow:
		0 22px 58px rgba(0,0,0,.40),
		inset 0 1px 0 rgba(255,255,255,.035);
	overflow:hidden;
}

.cs-showthread-posts-container{
	padding:0;
}

.cs-showthread-posts{
	display:block;
}

.cs-showthread-page .scaleimages img{
	max-width:100%;
	height:auto;
}

/* =========================
   Classic Header
========================= */

.cs-showthread-classic-header{
	display:grid;
	grid-template-columns:220px minmax(0, 1fr);
	border:1px solid rgba(57,255,20,.16);
	border-radius:18px;
	background:linear-gradient(90deg, rgba(57,255,20,.10), rgba(255,255,255,.018));
	overflow:hidden;
}

.cs-showthread-classic-author,
.cs-showthread-classic-message{
	padding:13px 15px;
	color:#f1fff4;
	font-size:12px;
	font-weight:900;
	letter-spacing:.09em;
	text-transform:uppercase;
}

.cs-showthread-classic-author{
	border-right:1px solid rgba(255,255,255,.07);
}

/* =========================
   Poll Vote / Results
========================= */

.cs-showthread-poll-form,
.cs-showthread-poll-results-card{
	margin:0 0 22px;
}

.cs-showthread-poll-card,
.cs-showthread-poll-results-card{
	border:1px solid rgba(57,255,20,.20);
	border-radius:24px;
	background:
		radial-gradient(circle at top right, rgba(57,255,20,.08), transparent 34%),
		linear-gradient(180deg, rgba(16,24,30,.98), rgba(7,12,16,.98));
	box-shadow:
		0 20px 52px rgba(0,0,0,.38),
		inset 0 1px 0 rgba(255,255,255,.035);
	overflow:hidden;
}

.cs-showthread-poll-head,
.cs-showthread-poll-results-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	padding:20px 22px;
	border-bottom:1px solid rgba(255,255,255,.07);
	background:linear-gradient(90deg, rgba(57,255,20,.08), transparent);
}

.cs-showthread-poll-label{
	display:block;
	margin:0 0 5px;
	font-size:11px;
	font-weight:900;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:#39ff14;
}

.cs-showthread-poll-head h2,
.cs-showthread-poll-results-head h2{
	margin:0;
	font-size:20px;
	font-weight:900;
	line-height:1.25;
	color:#f2fff5;
}

.cs-showthread-poll-badge{
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:34px;
	padding:0 13px;
	border:1px solid rgba(57,255,20,.24);
	border-radius:999px;
	background:rgba(57,255,20,.08);
	color:#39ff14;
	font-size:11px;
	font-weight:900;
	letter-spacing:.14em;
	box-shadow:0 0 16px rgba(57,255,20,.08);
}

.cs-showthread-poll-table,
.cs-showthread-poll-results-table{
	width:100%;
	border:0!important;
	background:transparent!important;
	border-collapse:separate!important;
	border-spacing:0!important;
}

.cs-showthread-poll-table td,
.cs-showthread-poll-results-table td{
	border:0!important;
	border-bottom:1px solid rgba(255,255,255,.06)!important;
	background:transparent!important;
	color:#dce7df!important;
	padding:15px!important;
}

.cs-showthread-poll-choice{
	width:54px;
	text-align:center;
	vertical-align:middle;
}

.cs-showthread-poll-choice input{
	accent-color:#39ff14;
}

.cs-showthread-poll-option{
	display:flex;
	align-items:center;
	width:100%;
	min-height:42px;
	margin:0;
	padding:10px 13px;
	border:1px solid rgba(255,255,255,.07);
	border-radius:15px;
	background:rgba(0,0,0,.18);
	color:#dce7df;
	cursor:pointer;
	transition:
		transform .15s ease,
		border-color .15s ease,
		background .15s ease;
}

.cs-showthread-poll-option:hover{
	transform:translateY(-1px);
	border-color:rgba(57,255,20,.28);
	background:rgba(57,255,20,.055);
}

.cs-showthread-poll-option span{
	font-weight:750;
	color:#dce7df;
}

.cs-showthread-poll-footer,
.cs-showthread-poll-results-footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding:16px 18px;
	background:rgba(0,0,0,.18);
}

.cs-showthread-poll-actions,
.cs-showthread-poll-results-actions{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
}

.cs-showthread-poll-results,
.cs-showthread-poll-edit,
.cs-showthread-poll-undo,
.cs-showthread-poll-results-actions a{
	display:inline-flex;
	align-items:center;
	min-height:36px;
	padding:0 13px;
	border:1px solid rgba(57,255,20,.18);
	border-radius:999px;
	background:rgba(0,0,0,.18);
	color:#39ff14!important;
	font-size:12px;
	font-weight:850;
	text-decoration:none!important;
	transition:
		transform .15s ease,
		border-color .15s ease,
		background .15s ease;
}

.cs-showthread-poll-results:hover,
.cs-showthread-poll-edit:hover,
.cs-showthread-poll-undo:hover,
.cs-showthread-poll-results-actions a:hover{
	transform:translateY(-1px);
	border-color:rgba(57,255,20,.44);
	background:rgba(57,255,20,.09);
}

.cs-showthread-poll-notes{
	display:flex;
	flex-direction:column;
	gap:4px;
	text-align:right;
	font-size:12px;
	font-weight:700;
	color:#9dac9f;
}

.cs-showthread-poll-result-title{
	font-weight:850;
	color:#f0fff3;
}

.cs-showthread-poll-result-track{
	position:relative;
	width:100%;
	height:30px;
	border:1px solid rgba(57,255,20,.18);
	border-radius:999px;
	background:rgba(0,0,0,.25);
	overflow:hidden;
}

.cs-showthread-poll-result-bar{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	min-width:34px;
	height:100%;
	padding:0 10px;
	border-radius:999px;
	background:
		linear-gradient(90deg, rgba(57,255,20,.18), rgba(57,255,20,.55));
	box-shadow:0 0 18px rgba(57,255,20,.16);
	color:#071014;
	font-size:12px;
	font-weight:950;
}

.cs-showthread-poll-result-votes{
	text-align:center;
	white-space:nowrap;
}

.cs-showthread-poll-result-votes strong{
	display:block;
	color:#39ff14;
	font-size:17px;
	font-weight:950;
}

.cs-showthread-poll-result-votes span{
	display:block;
	margin-top:2px;
	color:#9dac9f;
	font-size:11px;
	font-weight:850;
	text-transform:uppercase;
	letter-spacing:.08em;
}

.cs-showthread-poll-total-label{
	text-align:right;
	padding-right:20px!important;
	background:rgba(57,255,20,.055)!important;
	color:#39ff14!important;
}

.cs-showthread-poll-voted span{
	display:inline-flex;
	align-items:center;
	min-height:34px;
	padding:0 12px;
	border:1px solid rgba(57,255,20,.18);
	border-radius:999px;
	background:rgba(57,255,20,.07);
	color:#dce7df;
	font-size:12px;
	font-weight:850;
}

/* =========================
   Rating
========================= */

.cs-showthread-rating{
	display:inline-flex;
	align-items:center;
	margin:0;
}

.cs-showthread-rating-inner{
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:8px 11px;
	border:1px solid rgba(57,255,20,.18);
	border-radius:999px;
	background:rgba(0,0,0,.18);
}

.cs-showthread-rating-label{
	font-size:11px;
	font-weight:900;
	letter-spacing:.10em;
	text-transform:uppercase;
	color:#39ff14;
}

/* =========================
   Search Thread
========================= */

.cs-showthread-search{
	margin:0;
}

.cs-showthread-search-form{
	margin:0;
}

.cs-showthread-search-box{
	display:flex;
	align-items:center;
	gap:8px;
}

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

.cs-showthread-page input.textbox,
.cs-showthread-page .textbox{
	min-height:40px;
	padding:0 13px;
}

.cs-showthread-page select{
	min-height:40px;
	padding:0 10px;
}

.cs-showthread-page input.textbox:focus,
.cs-showthread-page .textbox:focus,
.cs-showthread-page select:focus{
	border-color:rgba(57,255,20,.50);
	background:#091419;
	box-shadow:0 0 0 3px rgba(57,255,20,.08);
}

.cs-showthread-search-submit{
	min-height:40px!important;
}

/* =========================
   Quick Reply
========================= */

.cs-showthread-spinner{
	display:flex;
	justify-content:center;
	margin:20px 0;
}

.cs-showthread-quickreply-form{
	margin:24px 0 0;
}

.cs-showthread-quickreply-card{
	border:1px solid rgba(57,255,20,.20);
	border-radius:24px;
	background:
		radial-gradient(circle at top right, rgba(57,255,20,.08), transparent 34%),
		linear-gradient(180deg, rgba(16,24,30,.98), rgba(7,12,16,.98));
	box-shadow:
		0 20px 52px rgba(0,0,0,.38),
		inset 0 1px 0 rgba(255,255,255,.035);
	overflow:hidden;
}

.cs-showthread-quickreply-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	padding:20px 22px;
	border-bottom:1px solid rgba(255,255,255,.07);
	background:linear-gradient(90deg, rgba(57,255,20,.08), transparent);
}

.cs-showthread-quickreply-head h2{
	margin:0;
	font-size:20px;
	font-weight:900;
	color:#f2fff5;
}

.cs-showthread-quickreply-head span{
	display:block;
	margin-top:5px;
	font-size:13px;
	color:#9dac9f;
}

.cs-showthread-quickreply-badge{
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:34px;
	padding:0 13px;
	border:1px solid rgba(57,255,20,.24);
	border-radius:999px;
	background:rgba(57,255,20,.08);
	color:#39ff14;
	font-size:11px;
	font-weight:900;
	letter-spacing:.14em;
	box-shadow:0 0 16px rgba(57,255,20,.08);
}

.cs-showthread-quickreply-body{
	display:grid;
	grid-template-columns:86px minmax(0, 1fr);
	align-items:start;
	gap:18px;
	padding:18px;
}

.cs-showthread-quickreply-avatar img{
	display:block;
	width:76px;
	height:76px;
	object-fit:cover;
	border-radius:20px;
	border:1px solid rgba(57,255,20,.26);
	background:#071014;
	box-shadow:
		0 10px 24px rgba(0,0,0,.35),
		0 0 18px rgba(57,255,20,.08);
}

.cs-showthread-quickreply-editor{
	display:block;
	width:100%;
	min-width:0;
}

.cs-showthread-quickreply-editor textarea,
.cs-showthread-quickreply-editor #message{
	display:block;
	width:100%!important;
	max-width:100%!important;
	min-width:0!important;
	box-sizing:border-box;
	min-height:180px;
	resize:vertical;
	padding:15px;
	border:1px solid rgba(57,255,20,.20);
	border-radius:18px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
		rgba(2,7,10,.84);
	color:#edfdf0;
	outline:none;
	line-height:1.55;
	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,.02),
		inset 0 0 26px rgba(0,0,0,.22);
	transition:
		border-color .18s ease,
		box-shadow .18s ease,
		background .18s ease;
}

.cs-showthread-quickreply-editor textarea:focus,
.cs-showthread-quickreply-editor #message:focus{
	border-color:rgba(57,255,20,.55);
	background:rgba(3,10,13,.94);
	box-shadow:
		0 0 0 3px rgba(57,255,20,.08),
		0 0 20px rgba(57,255,20,.10),
		inset 0 0 28px rgba(0,0,0,.26);
}

.cs-showthread-quickreply-multiquote{
	display:flex;
	align-items:flex-start;
	gap:12px;
	margin:12px 0 0;
	padding:13px;
	border:1px solid rgba(57,255,20,.18);
	border-radius:16px;
	background:rgba(57,255,20,.055);
	color:#c6d4cc;
}

.cs-showthread-quickreply-info{
	display:flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	border-radius:10px;
	background:rgba(57,255,20,.10);
	color:#39ff14;
	font-weight:950;
}

.cs-showthread-quickreply-multiquote a{
	color:#39ff14!important;
	font-weight:850;
}

.cs-showthread-quickreply-options-toggle{
	display:inline-flex;
	align-items:center;
	gap:9px;
	width:max-content;
	min-height:38px;
	margin:14px 0 0;
	padding:0 14px;
	border:1px solid rgba(57,255,20,.24);
	border-radius:999px;
	background:rgba(57,255,20,.075);
	color:#39ff14!important;
	font-size:13px;
	font-weight:900;
	text-decoration:none!important;
	transition:
		transform .15s ease,
		border-color .15s ease,
		background .15s ease;
}

.cs-showthread-quickreply-options-toggle span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:22px;
	height:22px;
	border-radius:50%;
	background:rgba(57,255,20,.12);
}

.cs-showthread-quickreply-options-toggle:hover{
	transform:translateY(-1px);
	border-color:rgba(57,255,20,.48);
	background:rgba(57,255,20,.11);
}

.cs-showthread-quickreply-options{
	margin:14px 0 0;
	padding:14px;
	border:1px solid rgba(255,255,255,.07);
	border-radius:16px;
	background:rgba(0,0,0,.18);
}

.cs-showthread-quickreply-check{
	display:flex;
	align-items:center;
	gap:10px;
	width:max-content;
	max-width:100%;
	margin:0 0 9px;
	padding:10px 12px;
	border:1px solid rgba(255,255,255,.07);
	border-radius:14px;
	background:rgba(0,0,0,.18);
	color:#dce7df;
	cursor:pointer;
	transition:
		border-color .15s ease,
		background .15s ease,
		transform .15s ease;
}

.cs-showthread-quickreply-check:last-child{
	margin-bottom:0;
}

.cs-showthread-quickreply-check:hover{
	transform:translateY(-1px);
	border-color:rgba(57,255,20,.26);
	background:rgba(57,255,20,.055);
}

.cs-showthread-quickreply-check input{
	accent-color:#39ff14;
}

.cs-showthread-quickreply-check span{
	font-size:13px;
	font-weight:800;
	color:#dce7df;
}

.cs-showthread-quickreply-captcha{
	margin-top:14px;
}

.cs-showthread-quickreply-actions{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:12px;
	margin:18px 0 0;
	padding:18px;
	border:1px solid rgba(255,255,255,.07);
	border-radius:20px;
	background:rgba(0,0,0,.18);
}

/* =========================
   Similar Threads
========================= */

.cs-showthread-similar{
	margin:24px 0 0;
	border:1px solid rgba(57,255,20,.20);
	border-radius:24px;
	background:
		radial-gradient(circle at top right, rgba(57,255,20,.08), transparent 34%),
		linear-gradient(180deg, rgba(16,24,30,.98), rgba(7,12,16,.98));
	box-shadow:0 20px 52px rgba(0,0,0,.36);
	overflow:hidden;
}

.cs-showthread-similar-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	padding:20px 22px;
	border-bottom:1px solid rgba(255,255,255,.07);
	background:linear-gradient(90deg, rgba(57,255,20,.08), transparent);
}

.cs-showthread-similar-head h2{
	margin:0;
	font-size:20px;
	font-weight:900;
	color:#f2fff5;
}

.cs-showthread-similar-head span{
	display:block;
	margin-top:5px;
	font-size:13px;
	color:#9dac9f;
}

.cs-showthread-similar-badge{
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:34px;
	padding:0 13px;
	border:1px solid rgba(57,255,20,.24);
	border-radius:999px;
	background:rgba(57,255,20,.08);
	color:#39ff14;
	font-size:11px;
	font-weight:900;
	letter-spacing:.14em;
}

.cs-showthread-similar-table{
	width:100%;
	border:0!important;
	background:transparent!important;
	border-collapse:separate!important;
	border-spacing:0!important;
}

.cs-showthread-similar-table td{
	border:0!important;
	border-bottom:1px solid rgba(255,255,255,.06)!important;
	background:transparent!important;
	color:#dce7df!important;
	padding:14px!important;
	vertical-align:middle;
}

.cs-showthread-similar-table thead td{
	background:rgba(57,255,20,.055)!important;
	color:#dfffe5!important;
	font-size:12px;
	font-weight:900;
	letter-spacing:.08em;
	text-transform:uppercase;
}

.cs-showthread-similar-icon{
	width:46px;
	text-align:center;
}

.cs-showthread-similar-title-inner{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:7px;
}

.cs-showthread-similar-title a{
	color:#f1fff4!important;
	font-weight:850;
	text-decoration:none!important;
}

.cs-showthread-similar-title a:hover{
	color:#39ff14!important;
}

.cs-showthread-similar-author,
.cs-showthread-similar-replies,
.cs-showthread-similar-views{
	text-align:center;
	white-space:nowrap;
}

.cs-showthread-similar-replies a{
	color:#39ff14!important;
	font-weight:900;
	text-decoration:none!important;
}

.cs-showthread-similar-lastpost-inner{
	display:flex;
	flex-direction:column;
	gap:4px;
	font-size:12px;
	color:#9dac9f;
}

.cs-showthread-similar-lastpost-inner a{
	color:#39ff14!important;
	font-weight:850;
	text-decoration:none!important;
}

/* =========================
   Threaded Box
========================= */

.cs-showthread-threadedbox{
	margin:24px 0 0;
	border:1px solid rgba(57,255,20,.20);
	border-radius:24px;
	background:
		radial-gradient(circle at top right, rgba(57,255,20,.08), transparent 34%),
		linear-gradient(180deg, rgba(16,24,30,.98), rgba(7,12,16,.98));
	box-shadow:0 20px 52px rgba(0,0,0,.36);
	overflow:hidden;
}

.cs-showthread-threadedbox-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	padding:20px 22px;
	border-bottom:1px solid rgba(255,255,255,.07);
	background:linear-gradient(90deg, rgba(57,255,20,.08), transparent);
}

.cs-showthread-threadedbox-head h2{
	margin:0;
	font-size:20px;
	font-weight:900;
	color:#f2fff5;
}

.cs-showthread-threadedbox-head span{
	display:block;
	margin-top:5px;
	font-size:13px;
	color:#9dac9f;
}

.cs-showthread-threadedbox-badge{
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:34px;
	padding:0 13px;
	border:1px solid rgba(57,255,20,.24);
	border-radius:999px;
	background:rgba(57,255,20,.08);
	color:#39ff14;
	font-size:11px;
	font-weight:900;
	letter-spacing:.14em;
}

.cs-showthread-threadedbox-body{
	padding:18px;
}

.cs-showthread-threaded-bit{
	margin:0 0 8px;
	padding:10px 12px;
	border:1px solid rgba(255,255,255,.07);
	border-radius:14px;
	background:rgba(0,0,0,.18);
}

.cs-showthread-threaded-link,
.cs-showthread-threaded-current{
	color:#f1fff4!important;
	font-weight:900;
	text-decoration:none!important;
}

.cs-showthread-threaded-link:hover{
	color:#39ff14!important;
}

.cs-showthread-threaded-bit-active{
	border-color:rgba(57,255,20,.28);
	background:rgba(57,255,20,.07);
}

.cs-showthread-threaded-current{
	color:#39ff14!important;
}

.cs-showthread-threaded-meta{
	display:block;
	margin-top:4px;
	color:#9dac9f;
	font-size:12px;
}

/* =========================
   Thread Notes
========================= */

.cs-showthread-threadnotes{
	margin:0 0 22px;
	border:1px solid rgba(57,255,20,.20);
	border-radius:22px;
	background:
		radial-gradient(circle at top right, rgba(57,255,20,.08), transparent 34%),
		linear-gradient(180deg, rgba(16,24,30,.98), rgba(7,12,16,.98));
	box-shadow:0 18px 44px rgba(0,0,0,.34);
	overflow:hidden;
}

.cs-showthread-threadnotes-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding:16px 18px;
	border-bottom:1px solid rgba(255,255,255,.07);
	background:linear-gradient(90deg, rgba(57,255,20,.08), transparent);
}

.cs-showthread-threadnotes-title strong{
	display:block;
	color:#f2fff5;
	font-size:15px;
	font-weight:900;
}

.cs-showthread-threadnotes-title span{
	display:block;
	margin-top:4px;
	color:#9dac9f;
	font-size:12px;
}

.cs-showthread-threadnotes-collapse img{
	cursor:pointer;
	filter:drop-shadow(0 0 8px rgba(57,255,20,.25));
}

.cs-showthread-threadnotes-body{
	padding:16px 18px;
	color:#dce7df;
	line-height:1.58;
}

.cs-showthread-threadnotes-link,
.cs-showthread-threadnotes-viewall{
	display:inline-flex;
	align-items:center;
	min-height:30px;
	padding:0 10px;
	border:1px solid rgba(57,255,20,.18);
	border-radius:999px;
	background:rgba(57,255,20,.07);
	color:#39ff14!important;
	font-size:12px;
	font-weight:850;
	text-decoration:none!important;
}

/* =========================
   Moderation
========================= */

.cs-showthread-bottom-tools{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:18px;
	margin:24px 0 0;
	padding:16px;
	border:1px solid rgba(255,255,255,.07);
	border-radius:20px;
	background:rgba(0,0,0,.18);
}

.cs-showthread-bottom-left,
.cs-showthread-bottom-right{
	min-width:0;
}

.cs-showthread-bottom-right{
	display:flex;
	justify-content:flex-end;
	text-align:right;
}

.cs-showthread-moderation-form,
.cs-showthread-inline-mod-form{
	margin:0;
}

.cs-showthread-moderation-box,
.cs-showthread-inline-mod-box{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:10px;
}

.cs-showthread-moderation-box label,
.cs-showthread-inline-mod-box label{
	color:#39ff14;
	font-size:12px;
	font-weight:900;
	letter-spacing:.08em;
	text-transform:uppercase;
}

.cs-showthread-moderation-controls,
.cs-showthread-inline-mod-controls{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
}

.cs-showthread-moderation-controls select,
.cs-showthread-inline-mod-controls select{
	min-width:220px;
}

.cs-showthread-inline-mod-form{
	margin:0 0 14px;
	padding:14px;
	border:1px solid rgba(57,255,20,.16);
	border-radius:18px;
	background:rgba(0,0,0,.16);
}

/* =========================
   Users Browsing
========================= */

.cs-showthread-users{
	margin:18px 0 0;
}

.cs-showthread-users:empty{
	display:none;
}

.cs-showthread-users-browsing{
	display:flex;
	align-items:flex-start;
	gap:13px;
	padding:15px;
	border:1px solid rgba(57,255,20,.18);
	border-radius:18px;
	background:
		linear-gradient(135deg, rgba(57,255,20,.06), transparent),
		rgba(0,0,0,.18);
}

.cs-showthread-users-browsing-icon{
	flex:0 0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius:14px;
	border:1px solid rgba(57,255,20,.22);
	background:rgba(57,255,20,.08);
	box-shadow:0 0 14px rgba(57,255,20,.10);
}

.cs-showthread-users-browsing-content{
	min-width:0;
}

.cs-showthread-users-browsing-content strong{
	display:block;
	margin:0 0 5px;
	color:#f2fff5;
	font-size:13px;
	font-weight:900;
}

.cs-showthread-users-browsing-content span{
	color:#aebbb4;
	font-size:13px;
	line-height:1.5;
}

.cs-showthread-browsing-user{
	color:#39ff14!important;
	font-weight:850;
	text-decoration:none!important;
}

/* =========================
   Popup Menu
========================= */

.cs-showthread-modes-popup,
.cs-showthread-page .popup_menu{
	border:1px solid rgba(57,255,20,.18)!important;
	border-radius:14px!important;
	background:#071014!important;
	box-shadow:0 18px 38px rgba(0,0,0,.42)!important;
	overflow:hidden;
}

.cs-showthread-page .popup_item,
.cs-showthread-modes-popup .popup_item{
	background:transparent!important;
	color:#dce7df!important;
	padding:10px 13px!important;
	text-decoration:none!important;
}

.cs-showthread-page .popup_item:hover,
.cs-showthread-modes-popup .popup_item:hover{
	background:rgba(57,255,20,.09)!important;
	color:#39ff14!important;
}

/* =========================
   Global MyBB Compatibility
========================= */

.cs-showthread-page .thead{
	background:
		linear-gradient(90deg, rgba(57,255,20,.16), rgba(57,255,20,.04))!important;
	color:#f2fff5!important;
}

.cs-showthread-page .tcat{
	background:rgba(57,255,20,.07)!important;
	color:#dfffe5!important;
}

.cs-showthread-page .trow1,
.cs-showthread-page .trow2{
	background:rgba(255,255,255,.018)!important;
	color:#dce7df!important;
	border-color:rgba(255,255,255,.06)!important;
}

.cs-showthread-page .smalltext,
.cs-showthread-page .description{
	color:#aebbb4!important;
}

.cs-showthread-page a{
	color:#39ff14;
}

.cs-showthread-page a:hover{
	color:#ecfff0;
}

.cs-showthread-page table{
	max-width:100%;
}

.cs-showthread-page img{
	max-width:100%;
}

/* =========================
   Responsive
========================= */

@media (max-width:1000px){
	.cs-showthread-page{
		width:min(100% - 22px, 1320px);
		margin-top:24px;
	}

	.cs-showthread-hero{
		align-items:flex-start;
	}

	.cs-showthread-hero h1{
		font-size:27px;
	}

	.cs-showthread-classic-header{
		grid-template-columns:180px minmax(0, 1fr);
	}

	.cs-showthread-bottom-tools{
		flex-direction:column;
	}

	.cs-showthread-bottom-right{
		justify-content:flex-start;
		text-align:left;
		width:100%;
	}
}

@media (max-width:800px){
	.cs-showthread-hero{
		display:block;
		padding:20px;
		border-radius:22px;
	}

	.cs-showthread-hero-actions{
		justify-content:flex-start;
		margin-top:18px;
	}

	.cs-showthread-reply-slot{
		width:100%;
		min-width:0;
	}

	.cs-showthread-topbar{
		display:block;
	}

	.cs-showthread-tools-top{
		margin-top:12px;
	}

	.cs-showthread-tools-list,
	.thread_tools.cs-showthread-tools-list{
		display:grid;
		grid-template-columns:1fr;
	}

	.cs-showthread-tools-list li a,
	.cs-showthread-tool-item a{
		width:100%;
	}

	.cs-showthread-quickreply-body{
		grid-template-columns:1fr;
	}

	.cs-showthread-quickreply-avatar{
		display:none!important;
	}

	.cs-showthread-poll-footer,
	.cs-showthread-poll-results-footer{
		align-items:flex-start;
		flex-direction:column;
	}

	.cs-showthread-poll-notes{
		text-align:left;
	}

	.cs-showthread-search-box{
		display:grid;
		grid-template-columns:1fr;
	}

	.cs-showthread-search-submit{
		width:100%;
	}

	.cs-showthread-moderation-box,
	.cs-showthread-inline-mod-box{
		align-items:stretch;
		justify-content:flex-start;
		flex-direction:column;
		width:100%;
	}

	.cs-showthread-moderation-controls,
	.cs-showthread-inline-mod-controls{
		display:grid;
		grid-template-columns:1fr;
		width:100%;
	}

	.cs-showthread-moderation-controls select,
	.cs-showthread-inline-mod-controls select{
		width:100%;
		min-width:0;
	}

	.cs-showthread-moderation-controls .button,
	.cs-showthread-inline-mod-controls .button{
		width:100%;
	}
}

@media (max-width:700px){
	.cs-showthread-page{
		width:calc(100% - 16px);
		margin:16px auto 50px;
	}

	.cs-showthread-hero h1{
		font-size:23px;
	}

	.cs-showthread-meta{
		display:grid;
		grid-template-columns:1fr 1fr;
	}

	.cs-showthread-meta span{
		justify-content:center;
	}

	.cs-showthread-posts-card,
	.cs-showthread-poll-card,
	.cs-showthread-poll-results-card,
	.cs-showthread-quickreply-card,
	.cs-showthread-similar,
	.cs-showthread-threadedbox,
	.cs-showthread-threadnotes{
		border-radius:20px;
	}

	.cs-showthread-poll-head,
	.cs-showthread-poll-results-head,
	.cs-showthread-quickreply-head,
	.cs-showthread-similar-head,
	.cs-showthread-threadedbox-head{
		align-items:flex-start;
		flex-direction:column;
		padding:18px;
	}

	.cs-showthread-poll-badge,
	.cs-showthread-quickreply-badge,
	.cs-showthread-similar-badge,
	.cs-showthread-threadedbox-badge{
		align-self:flex-start;
	}

	.cs-showthread-poll-table,
	.cs-showthread-poll-table tbody,
	.cs-showthread-poll-table tr,
	.cs-showthread-poll-table td,
	.cs-showthread-poll-results-table,
	.cs-showthread-poll-results-table tbody,
	.cs-showthread-poll-results-table tr,
	.cs-showthread-poll-results-table td{
		display:block;
		width:100%!important;
	}

	.cs-showthread-poll-choice{
		text-align:left;
		padding-bottom:0!important;
	}

	.cs-showthread-poll-result-bar-cell{
		padding-top:0!important;
	}

	.cs-showthread-poll-result-votes{
		text-align:left;
	}

	.cs-showthread-similar-table,
	.cs-showthread-similar-table thead,
	.cs-showthread-similar-table tbody,
	.cs-showthread-similar-table tr,
	.cs-showthread-similar-table td{
		display:block;
		width:100%!important;
	}

	.cs-showthread-similar-table thead{
		display:none;
	}

	.cs-showthread-similar-row{
		border-bottom:1px solid rgba(255,255,255,.08);
	}

	.cs-showthread-similar-author,
	.cs-showthread-similar-replies,
	.cs-showthread-similar-views{
		text-align:left;
	}

	.cs-showthread-quickreply-actions{
		display:grid;
		grid-template-columns:1fr;
	}

	.cs-showthread-quickreply-actions .button{
		width:100%;
	}
}

@media (max-width:480px){
	.cs-showthread-hero{
		padding:18px;
	}

	.cs-showthread-hero h1{
		font-size:21px;
	}

	.cs-showthread-kicker{
		font-size:11px;
	}

	.cs-showthread-meta{
		grid-template-columns:1fr;
	}

	.cs-showthread-quickreply-body{
		padding:14px;
	}

	.cs-showthread-quickreply-editor textarea,
	.cs-showthread-quickreply-editor #message{
		min-height:160px;
	}

	.cs-showthread-users-browsing{
		flex-direction:column;
	}

	.cs-showthread-threaded-bit{
		margin-left:0!important;
	}
}

/* =========================
   Animations
========================= */

@keyframes csShowThreadShine{
	0%{
		transform:translateX(-130%);
		opacity:0;
	}
	18%{
		opacity:1;
	}
	46%{
		transform:translateX(130%);
		opacity:0;
	}
	100%{
		transform:translateX(130%);
		opacity:0;
	}
}