/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;600;700;800&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,400..700,0..1,-25..200&display=swap');

.material-symbols-rounded {
	font-family: 'Material Symbols Rounded';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
}

/* ============================================
   ARISA ROLEPLAY FORUM - MODERN THEME 2026
   ============================================ */

/* CSS Variables for Consistency */
:root {
	/* Primary Colors */
	--primary: #0CAFE0;
	--primary-dark: #08a0c0;
	--primary-light: #4fd9f5;

	/* Dark Theme Colors */
	--dark-bg: #0a0e1a;
	--dark-surface: #121821;
	--dark-surface-light: #1a2332;
	--dark-card: #151e2d;

	/* Text Colors */
	--text-primary: #E6EDF3;
	--text-secondary: #8b949e;
	--text-muted: #6e7681;

	/* UI Colors */
	--border-color: rgba(255, 255, 255, 0.1);
	--hover-bg: rgba(12, 175, 224, 0.1);

	/* Spacing System (8px grid) */
	--space-xs: 4px;
	--space-sm: 8px;
	--space-md: 16px;
	--space-lg: 24px;
	--space-xl: 32px;

	/* Border Radius */
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 16px;

	/* Shadows */
	--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
	--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);
	--shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
	--shadow-glow: 0 0 20px rgba(12, 175, 224, 0.3);

	/* Typography */
	--font-primary: 'Inter', 'Segoe UI', system-ui, sans-serif;

	/* Transitions */
	--transition-fast: 0.2s ease;
	--transition-normal: 0.3s ease;
}

/* ============================================
   MODERN HEADER & NAVBAR
   ============================================ */

#header {
	background: linear-gradient(180deg, rgba(10, 14, 26, 0.98) 0%, rgba(18, 24, 33, 0.95) 100%);
	border-bottom: 1px solid rgba(12, 175, 224, 0.15);
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
	position: relative;
	padding: 0;
	margin: 0;
}

#header .overlay {
	background: transparent;
	padding: 0;
}

#ust {
	padding: 0;
	margin: 0;
	background: #0d1117 !important;
	width: 100% !important;
}

#ust .container {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
}

/* Logo */
#logo {
	padding: 20px 0;
	text-align: center;
	background: transparent;
}

#logo a {
	display: inline-block;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 180px;
	height: 70px;
	transition: all 0.3s ease;
}

#logo a:hover {
	transform: scale(1.05);
	filter: drop-shadow(0 0 16px rgba(12, 175, 224, 0.6));
}

/* ============================================
   FLAT MINIMALIST NAVBAR
   ============================================ */

/* Fix: keep header dropdowns above page content (z-index / paint order). */
#header {
	position: relative;
	z-index: 2000;
}

#header #ust {
	position: relative;
	z-index: 2001;
}

#header #ust .navbar,
#header #ust .navbar-default {
	position: relative;
	z-index: 2002;
}

#header #ust .dropdown-menu,
#header #ust .arisa-dropdown-menu {
	z-index: 2003 !important;
}

.navbar,
.navbar-default {
	background: #0d1117 !important;
	border: none !important;
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: auto !important;
	box-shadow: none !important;
}

.navbar-collapse {
	padding: 0 !important;
	position: relative !important;
}

.arisa-nav-right {
	position: absolute !important;
	right: 16px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 8px 0 !important;
}

.arisa-nav-left {
	position: absolute !important;
	left: 16px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
}

.arisa-welcome-text {
	display: inline-flex !important;
	align-items: center !important;
	color: var(--text-secondary) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	white-space: nowrap !important;
}

.arisa-welcome-text strong {
	color: var(--primary) !important;
	font-weight: 700 !important;
}

.navbar-nav {
	display: flex !important;
	justify-content: center !important;
	align-items: stretch !important;
	gap: 0 !important;
	margin: 0 auto !important;
	padding: 0 !important;
	flex-wrap: wrap !important;
	width: 100% !important;
	background: transparent !important;
}

.navbar-nav>li {
	float: none !important;
	display: inline-flex !important;
	align-items: stretch !important;
	margin: 0 !important;
}

/* FLAT MENU LINKS */
.navbar-nav>li>a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	color: #8b949e !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	padding: 16px 24px !important;
	border-radius: 0 !important;
	background: transparent !important;
	border: none !important;
	border-bottom: 3px solid transparent !important;
	transition: all 0.2s ease !important;
	text-decoration: none !important;
}

.navbar-nav .arisa-menu-icon {
	font-size: 18px !important;
	line-height: 1 !important;
	font-variation-settings: "FILL" 0, "wght" 450, "GRAD" 0, "opsz" 20;
}

.navbar-nav>li>a:hover {
	color: #E6EDF3 !important;
	background: rgba(255, 255, 255, 0.04) !important;
	border-bottom-color: #0CAFE0 !important;
}

/* Active State */
.navbar-nav>li.active>a,
.navbar-nav>li.active>a:hover,
.navbar-nav>li.active>a:focus {
	color: #0CAFE0 !important;
	background: rgba(12, 175, 224, 0.08) !important;
	border-bottom-color: #0CAFE0 !important;
}

/* Caret */
.navbar-nav .caret {
	border-top-color: currentColor !important;
	margin-left: 6px !important;
}

/* Dropdown Menu */
.navbar-nav .dropdown-menu {
	background: #161b22 !important;
	border: 1px solid #30363d !important;
	border-radius: 8px !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
	padding: 6px !important;
	margin-top: 0 !important;
	min-width: 180px !important;
}

.navbar-nav .dropdown-menu>li>a {
	color: #8b949e !important;
	font-size: 14px !important;
	padding: 10px 14px !important;
	border-radius: 6px !important;
	transition: all 0.15s ease !important;
}

.navbar-nav .dropdown-menu>li>a:hover {
	background: rgba(12, 175, 224, 0.1) !important;
	color: #E6EDF3 !important;
}

/* Mobile Toggle */
.navbar-header {
	display: flex !important;
	align-items: center !important;
}

.navbar-toggle {
	border: 1px solid #30363d !important;
	border-radius: 6px !important;
	background: transparent !important;
	padding: 8px 10px !important;
	margin: 10px 15px !important;
}

.navbar-toggle:hover {
	background: rgba(255, 255, 255, 0.05) !important;
}

.navbar-toggle .icon-bar {
	background: #0CAFE0 !important;
}

.navbar-brand {
	display: none !important;
}

@media (max-width: 768px) {
	.arisa-nav-right {
		position: static !important;
		transform: none !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
		padding: 6px 0 10px !important;
	}

	.arisa-nav-left {
		position: static !important;
		transform: none !important;
		display: flex !important;
		justify-content: center !important;
		padding: 6px 0 0 !important;
	}
}

/* ============================================
   TOOLBAR & USER AREA  
   ============================================ */

/* MODERN ARISA TOOLBAR */
#arisa-toolbar {
	background: linear-gradient(90deg, rgba(18, 24, 33, 0.95) 0%, rgba(26, 35, 50, 0.9) 100%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	padding: 12px 0;
}

#arisa-toolbar .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 24px;
}

.arisa-toolbar-left {
	flex: 1;
}

.arisa-welcome {
	color: var(--text-secondary);
	font-size: 14px;
}

.arisa-welcome strong {
	color: var(--primary);
	font-weight: 700;
}

.arisa-toolbar-right {
	display: flex;
	align-items: center;
	gap: 12px;
}

/* Character Button */
.arisa-char-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px !important;
	height: 30px;
	background: rgba(12, 175, 224, 0.1);
	border: 1px solid rgba(12, 175, 224, 0.3);
	border-radius: 8px;
	color: var(--primary) !important;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none !important;
	transition: all 0.2s ease;
}

.arisa-char-btn:hover {
	background: rgba(12, 175, 224, 0.2);
	border-color: var(--primary);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(12, 175, 224, 0.3);
}

.arisa-char-btn i {
	font-size: 16px;
}

/* User Dropdown */
.arisa-user-dropdown {
	position: relative;
}

.arisa-user-btn {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 14px 6px 6px;
	height: 30px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 50px;
	color: var(--text-primary);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.arisa-user-btn:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: var(--primary);
}

.arisa-avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 2px solid var(--primary);
	object-fit: cover;
}

.arisa-username {
	max-width: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
}

.arisa-user-btn i {
	font-size: 12px;
	color: var(--text-secondary);
	transition: transform 0.2s ease;
}

.arisa-user-btn:hover i {
	transform: rotate(180deg);
}

/* Dropdown Menu */
.arisa-dropdown-menu {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	min-width: 200px;
	background: var(--dark-surface);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
	z-index: 1000;
}

.arisa-dropdown-menu.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.arisa-dropdown-menu ul {
	list-style: none;
	margin: 0;
	padding: 8px;
}

.arisa-dropdown-menu li {
	margin: 0;
}

.arisa-dropdown-menu li.divider {
	height: 1px;
	background: rgba(255, 255, 255, 0.1);
	margin: 8px 0;
}

.arisa-dropdown-menu a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 14px;
	color: var(--text-secondary) !important;
	font-size: 14px;
	text-decoration: none !important;
	border-radius: 8px;
	transition: all 0.2s ease;
}

.arisa-dropdown-menu a:hover {
	background: rgba(12, 175, 224, 0.1);
	color: var(--primary) !important;
}

.arisa-dropdown-menu a i {
	width: 16px;
	text-align: center;
	font-size: 14px;
}

/* Arisa Character Box */
.arisa-char-box {
	background: rgba(12, 175, 224, 0.05) !important;
	border: 1px solid rgba(12, 175, 224, 0.2) !important;
	border-radius: var(--radius-md) !important;
	padding: 8px 16px !important;
	transition: all var(--transition-normal) !important;
}

.arisa-char-box:hover {
	background: rgba(12, 175, 224, 0.1) !important;
	border-color: var(--primary) !important;
	transform: translateY(-2px) !important;
	box-shadow: var(--shadow-glow) !important;
}

.arisa-char-box-link {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: var(--text-primary) !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.arisa-char-box-link:hover {
	text-decoration: none !important;
}

.arisa-char-box-link i {
	font-size: 18px !important;
	color: var(--primary) !important;
	flex-shrink: 0 !important;
}

.arisa-char-box-text {
	display: flex !important;
	flex-direction: column !important;
	line-height: 1.3 !important;
}

.char-label {
	font-size: 10px !important;
	color: var(--text-muted) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	margin-bottom: 2px !important;
}

.char-val {
	font-size: 13px !important;
	color: var(--primary) !important;
	font-weight: 700 !important;
}

.arisa-register-link {
	background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%) !important;
	color: #000 !important;
	font-weight: 700 !important;
	border-radius: var(--radius-sm) !important;
}

.arisa-register-link:hover {
	background: linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%) !important;
	transform: scale(1.05) !important;
}

/* ============================================
   DROPDOWN & BOOTSTRAP OVERRIDES
   ============================================ */

/* Dropdown container - Bootstrap override */
#toolbar .dropdown,
.arisa-userarea .dropdown {
	display: inline-block !important;
	position: relative !important;
}

/* Username dropdown toggle - very specific */
#toolbar .arisa-userarea .dropdown .username.dropdown-toggle,
#toolbar .arisa-userarea .dropdown .arisa-userlink,
.arisa-userarea .dropdown-toggle.arisa-userlink {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 8px 16px !important;
	background: rgba(255, 255, 255, 0.03) !important;
	border: 1px solid var(--border-color) !important;
	border-radius: var(--radius-md) !important;
	color: var(--text-primary) !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
	white-space: nowrap !important;
	transition: all var(--transition-normal) !important;
	text-decoration: none !important;
	cursor: pointer !important;
	vertical-align: middle !important;
}

#toolbar .arisa-userarea .dropdown .username.dropdown-toggle:hover,
#toolbar .arisa-userarea .dropdown .arisa-userlink:hover,
.arisa-userarea .dropdown-toggle.arisa-userlink:hover {
	background: var(--hover-bg) !important;
	border-color: var(--primary) !important;
	text-decoration: none !important;
	transform: translateY(-2px) !important;
	box-shadow: var(--shadow-glow) !important;
}

/* Caret (dropdown arrow) */
#toolbar .caret,
.username .caret,
.arisa-userlink .caret {
	display: inline-block !important;
	width: 0 !important;
	height: 0 !important;
	margin-left: 4px !important;
	vertical-align: middle !important;
	border-top: 4px solid !important;
	border-right: 4px solid transparent !important;
	border-left: 4px solid transparent !important;
	border-bottom: 0 !important;
}

/* Dropdown menu */
#toolbar .dropdown-menu,
.arisa-userarea .dropdown-menu {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	z-index: 1000 !important;
	display: none !important;
	float: left !important;
	min-width: 200px !important;
	padding: 8px !important;
	margin: 8px 0 0 !important;
	background: var(--dark-surface) !important;
	border: 1px solid var(--border-color) !important;
	border-radius: var(--radius-md) !important;
	box-shadow: var(--shadow-lg) !important;
}

#toolbar .dropdown-menu.open,
.arisa-userarea .dropdown-menu.open,
.dropdown.open>.dropdown-menu {
	display: block !important;
}

#toolbar .dropdown-menu li,
.arisa-userarea .dropdown-menu li {
	list-style: none !important;
}

#toolbar .dropdown-menu li a,
.arisa-userarea .dropdown-menu li a {
	display: block !important;
	padding: 10px 16px !important;
	color: var(--text-secondary) !important;
	text-decoration: none !important;
	border-radius: var(--radius-sm) !important;
	transition: all var(--transition-fast) !important;
}

#toolbar .dropdown-menu li a:hover,
.arisa-userarea .dropdown-menu li a:hover {
	background: var(--hover-bg) !important;
	color: var(--primary) !important;
}

/* ============================================
   BOARD INDEX TABLE STYLING
   ============================================ */

.table_list {
	width: 100%;
	border-collapse: collapse;
}

.table_list tr {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.table_list td {
	padding: 12px 10px;
	vertical-align: middle;
}

/* 3 BÖLÜM DÜZENI */
/* Sol: Icon + Info */
.table_list td.icon {
	width: 55px;
	text-align: center;
	padding-right: 0;
}

.table_list td.info {
	width: auto;
	padding-left: 8px;
}

/* Orta: Stats (ortalı) */
.table_list td.stats {
	width: 100px;
	text-align: center;
	color: #8b949e;
	font-size: 13px;
}

.arisa-stats-ms-icon {
	font-size: 16px !important;
	line-height: 1 !important;
	vertical-align: -3px;
	margin-right: 4px;
	color: #9fc5e8;
	font-variation-settings: "FILL" 0, "wght" 550, "GRAD" 0, "opsz" 20;
}

/* LASTPOST - EN SAĞ SÜTUN (ORTALI) */
td.lastpost,
.table_list td.lastpost {
	width: 280px !important;
	padding: 12px 15px !important;
	text-align: center !important;
	vertical-align: middle !important;
}

/* Lastpost içerik wrapper - inline-flex ile ortala */
td.lastpost img,
td.lastpost img.avatar,
.table_list td.lastpost img,
.table_list td.lastpost img.avatar {
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	float: none !important;
	display: inline-block !important;
	vertical-align: middle !important;
	margin-right: 8px !important;
	border: 2px solid rgba(12, 175, 224, 0.3) !important;
}

td.lastpost p,
.table_list td.lastpost p {
	display: inline-block !important;
	text-align: left !important;
	vertical-align: middle !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
	color: #8b949e !important;
}

td.lastpost p,
.table_list td.lastpost p {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
	color: #8b949e !important;
	overflow: hidden !important;
}

td.lastpost p a,
.table_list td.lastpost p a {
	color: #E6EDF3 !important;
	text-decoration: none !important;
}

td.lastpost p a.arisa-lastposter,
.table_list td.lastpost p a.arisa-lastposter,
td.lastpost p .arisa-lastposter,
.table_list td.lastpost p .arisa-lastposter {
	color: var(--arisa-poster-color, #E6EDF3) !important;
	font-weight: 700 !important;
}

td.lastpost p strong,
.table_list td.lastpost p strong {
	color: #8b949e !important;
	font-weight: 500 !important;
}

/* ============================================
   INFO CENTER (BİLGİ MERKEZİ)
   ============================================ */

.roundframe {
	background: rgba(22, 27, 34, 0.95) !important;
	border: 1px solid rgba(48, 54, 61, 0.8) !important;
	border-radius: 12px !important;
	padding: 0 !important;
	margin: 25px 0 !important;
	overflow: hidden !important;
}

.roundframe .innerframe {
	padding: 0 !important;
}

/* Bilgi Merkezi Ana Başlığı */
.roundframe .cat_bar {
	background: linear-gradient(135deg, rgba(12, 175, 224, 0.15) 0%, rgba(12, 175, 224, 0.05) 100%) !important;
	border-bottom: 1px solid rgba(12, 175, 224, 0.2) !important;
	padding: 18px 25px !important;
	margin: 0 !important;
}

.roundframe .cat_bar .catbg {
	background: transparent !important;
	color: #E6EDF3 !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Alt Bölüm Başlıkları (Forum İstatistikleri, Çevrimiçi Üyeler) */
.title_barIC {
	background: var(--a-surface-2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	padding: 20px 30px !important;
	margin: 0 !important;
	clear: both !important;
	min-height: 50px !important;
}

.title_barIC .titlebg,
.title_barIC h4,
.titlebg {
	background: rgba(48, 54, 61, 0.8) !important;
	color: #E6EDF3 !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* İçerik Paragrafları */
.roundframe p,
#upshrinkHeaderIC p {
	padding: 20px 30px !important;
	margin: 0 !important;
	color: #c9d1d9 !important;
	font-size: 14px !important;
	line-height: 1.8 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
	min-height: 40px !important;
}

.roundframe p:last-child,
#upshrinkHeaderIC p:last-child {
	border-bottom: none !important;
}

/* Frame borders - gizle */
.upperframe,
.lowerframe {
	display: none !important;
}

/* ============================================
   TOPIC LEGEND (KONU TÜRLERİ)
   ============================================ */

#topic_icons {
	background: rgba(22, 27, 34, 0.95) !important;
	border: 1px solid rgba(48, 54, 61, 0.8) !important;
	border-radius: 12px !important;
	padding: 30px 40px !important;
	margin: 20px 0 !important;
}

#topic_icons .description {
	padding: 0 !important;
	margin: 0 !important;
}

.topic-legend {
	width: 100%;
	padding: 10px 20px;
}

.topic-legend .legend-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
	padding: 10px;
}

.topic-legend .legend-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	background: rgba(48, 54, 61, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	transition: all 0.2s ease;
}

.topic-legend .legend-item:hover {
	background: rgba(48, 54, 61, 0.6);
	border-color: rgba(12, 175, 224, 0.3);
}

.topic-legend .legend-icon {
	font-size: 16px;
	width: 20px;
	text-align: center;
	flex-shrink: 0;
}

/* Icon Renkleri */
.legend-icon.participation {
	color: #58a6ff;
}

.legend-icon.normal {
	color: #8b949e;
}

.legend-icon.hot {
	color: #f0883e;
}

.legend-icon.veryhot {
	color: #f85149;
}

.legend-icon.locked {
	color: #6e7681;
}

.legend-icon.sticky {
	color: #3fb950;
}

.legend-icon.poll {
	color: #a371f7;
}

.topic-legend .legend-item span {
	color: #c9d1d9;
	font-size: 13px;
	font-weight: 400;
	white-space: nowrap;
}

/* Responsive */
@media (max-width: 768px) {
	.topic-legend .legend-items {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.topic-legend .legend-items {
		grid-template-columns: 1fr;
	}
}

/* ============================================
   ORIGINAL INDEX.CSS CONTINUES BELOW
   ============================================ */

/* Normal, standard links. */
a:link,
a:visited {
	color: #0CAFE0;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #4fd9f5;
	cursor: pointer;
}

/* Links that open in a new window. */
a.new_win:link,
a.new_win:visited {
	color: #0CAFE0;
	text-decoration: none;
}

a.new_win:hover {
	text-decoration: none;
	color: #4fd9f5;
}

/* Tables should show empty cells. */
table {
	empty-cells: show;
}

/* Set a fontsize that will look the same in all browsers. */
#content_section,
.wrapper {
	background: transparent !important;
}

body {
	background-image: url("../images/bg-game.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
	font: 14px/1.6 'Inter', Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Help popups require a different styling of the body element. */
body#help_popup {
	padding: 1em;
}

/* use dark grey for the text, leaving #000 for headers etc */
body,
td,
th,
tr {
	color: #E6EDF3;
}

/* This division wraps the entire forum when a forum width is set. */
.wrapper {
	margin: 0 auto;
	width: 990px;
	/* padding: 0 20px; */
	/* background: #fff; */
	/* border-bottom: 6px solid #d9d9d9; */
	/* box-shadow: 5px 12px 14px -5px rgba(0,0,0,0.75); */
	-moz-box-shadow: 5px 12px 14px -5px rgba(0, 0, 0, 0.75);
	/* -webkit-box-shadow: 5px 12px 14px -5px rgba(0,0,0,0.75); */
}

/* lets give all forms zero padding/margins */
form {
	padding: 0;
	margin: 0;
}

/* We can style the different types of input buttons to be uniform throughout different browsers and their color themes.
	.button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
	.button_reset  - covers input[type=reset] and button[type=reset] throughout all browsers
	.input_check   - covers input[type=checkbox] throughout all browsers
	.input_radio   - covers input[type=radio] throughout all browsers
	.input_text    - covers input[type=text] throughout all browsers
	.input_file    - covers input[type=file] throughout all browsers
*/

input,
button,
select,
textarea {
	font: 95%/115% 'Inter', verdana, Helvetica, sans-serif;
	color: #E6EDF3;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 10px 14px;
	border-radius: 8px;
	transition: all 0.3s ease;
}

/* Select elements look horrible with the extra padding, so leave them unpadded. */
select {
	padding: 8px;
}

/* Add some padding to the options instead. */
select option {
	padding: 8px;
}

/* The font size of textareas should be just a little bit larger. */
textarea {
	font: 100%/130% 'Inter', verdana, Helvetica, sans-serif;
}

/* Buttons should be styled a bit differently, in order to make them look more button'ish. */
.button_submit,
.button_reset {
	background: linear-gradient(135deg, #0CAFE0 0%, #08a0c0 100%) !important;
	border: none !important;
	color: #000 !important;
	font-weight: 600;
	padding: 10px 24px;
	border-radius: 8px !important;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

input:hover,
textarea:hover,
button:hover,
select:hover {
	border: 1px solid #0CAFE0;
	box-shadow: 0 0 0 3px rgba(12, 175, 224, 0.1);
}

.button_submit:hover,
.button_reset:hover {
	transform: translateY(-2px);
	box-shadow: 0 0 20px rgba(12, 175, 224, 0.4);
	background: linear-gradient(135deg, #4fd9f5 0%, #0CAFE0 100%) !important;
}

input:focus,
textarea:focus,
button:focus,
select:focus {
	border: 1px solid #0CAFE0;
	box-shadow: 0 0 0 3px rgba(12, 175, 224, 0.1);
	outline: none;
}

/* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */
input.input_check,
input.input_radio {
	border: none;
	background: none;
}

h3.catbg input.input_check {
	margin: 9px 7px 0 7px;
}

/* Give disabled text input elements a different background color. */
input[disabled].input_text {
	background-color: #eee;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr,
.hrcolor {
	height: 1px;
	border: 0;
	color: #ccc;
	background-color: #ccc;
}

/* By default set the color on these tags as #000. */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #fff;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

/* Fieldsets are used to group elements. */
fieldset {
	border: 1px solid #c4c4c4;
	padding: 1em;
	margin: 0 0 0.5em 0;
}

fieldset legend {
	font-weight: bold;
	color: #fff;
}

/* No image should have a border when linked. */
a img {
	border: 0;
}

/* Define strong as bold, and em as italics */
strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* Alternative for u tag */
.underline {
	text-decoration: underline;
}

/* Common classes to easy styling.
------------------------------------------------------- */

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.flow_auto {
	overflow: auto;
}

.flow_hidden {
	overflow: hidden;
}

.flow_hidden .windowbg,
.flow_hidden .windowbg2 {
	margin-top: 2px;
}

.clear {
	clear: both;
}

.clear_left {
	clear: left;
}

.clear_right {
	clear: right;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext,
tr.smalltext th {
	font-size: 0.85em;
	font-family: verdana, sans-serif;
}

.middletext {
	font-size: 0.9em;
	line-height: 1em;
	font-family: verdana, sans-serif;
}

.normaltext {
	font-size: 1em;
	line-height: 1.2em;
}

.largetext {
	font-size: 1.4em;
}

.centertext {
	margin: 0 auto;
	text-align: center;
}

.righttext {
	margin-left: auto;
	margin-right: 0;
	text-align: right;
}

.lefttext {
	margin-left: 0;
	margin-right: auto;
	text-align: left;
}

.double_height {
	line-height: 2em;
}

/* some common padding styles */
.padding {
	padding: 0.7em;
}

.main_section,
.lower_padding {
	padding-bottom: 0.5em;
}

/* a quick reset list class. */
ul.reset,
ul.reset li {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* Some BBC related styles.
------------------------------------------------------- */

/* A quote, perhaps from another post. */
blockquote.bbc_standard_quote,
blockquote.bbc_alternate_quote {
	font-size: x-small;
	color: #000;
	line-height: 1.4em;
	background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat;
	border-top: 2px solid #99A;
	border-bottom: 2px solid #99A;
	padding: 1.1em 1.4em;
	margin: 0.1em 0 0.3em 0;
	overflow: auto;
}

/* Alterate blockquote stylings */
blockquote.bbc_standard_quote {
	background-color: #d7daec;
}

blockquote.bbc_alternate_quote {
	background-color: #e7eafc;
}

/* A code block - maybe PHP ;). */
code.bbc_code {
	display: block;
	font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
	font-size: x-small;
	background: #eef;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	line-height: 1.5em;
	padding: 3px 1em;
	overflow: auto;
	white-space: nowrap;
	/* Show a scrollbar after about 24 lines. */
	max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.codeheader,
.quoteheader {
	color: #666;
	font-size: x-small;
	font-weight: bold;
	padding: 0 0.3em;
}

/* For links to change the code stuff... */
.codeoperation {
	font-weight: normal;
}

/* Styling for BBC tags */
.bbc_link:link,
.bbc_link:visited {
	border-bottom: 1px solid #A8B6CF;
}

.bbc_link:hover {
	text-decoration: none;
	border-bottom: 1px solid #9FB3C8;
}

.bbc_size {
	line-height: 1.4em;
}

.bbc_color a {
	color: inherit;
}

.bbc_img {
	border: 0;
}

.bbc_table {
	font: inherit;
	color: inherit;
}

.bbc_table td {
	font: inherit;
	color: inherit;
	vertical-align: top;
}

.bbc_u {
	text-decoration: underline;
}

.bbc_list {
	text-align: left;
}

.bbc_tt {
	font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help {
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction {
	color: red;
}

/* Highlighted text - such as search results. */
.highlight {
	font-weight: bold;
	color: #ff7200 !important;
	font-size: 1.1em;
}

/* A more discreet highlight color, for selected membergroups etc. */
.highlight2 {
	background-color: #D1E1EF;
	color: #000 !important;
}

/* Generic, mostly color-related, classes.
------------------------------------------------------- */

.titlebg,
.titlebg2,
tr.titlebg th,
tr.titlebg td,
tr.titlebg2 td {
	color: #E6EDF3 !important;
	font-family: 'Inter', arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: 600;
	background: linear-gradient(135deg, #1a2332 0%, #121821 100%) !important;
	border-radius: 12px 12px 0 0;
}

.catbg,
.catbg2,
tr.catbg td,
tr.catbg2 td,
tr.catbg th,
tr.catbg2 th {
	color: #E6EDF3 !important;
	font-family: 'Inter', arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: 600;
	background: linear-gradient(135deg, rgba(12, 175, 224, 0.15) 0%, rgba(12, 175, 224, 0.05) 100%) !important;
	border-bottom: 2px solid #0CAFE0 !important;
}

/* adjust the table versions of headers */
tr.titlebg th,
tr.titlebg2 th,
td.titlebg,
td.titlebg2,
tr.catbg th,
tr.catbg2 th,
td.catbg,
td.catbg2 {
	padding: 0 6px;
}

tr.titlebg th a:link,
tr.titlebg th a:visited,
tr.titlebg2 td a:link,
tr.titlebg2 td a:visited {
	color: #E6EDF3 !important;
}

tr.catbg th a:link,
tr.catbg th a:visited,
tr.catbg2 td a:link,
tr.catbg2 td a:visited {
	color: #E6EDF3 !important;
}

.catbg select {
	height: 1.5em;
	font-size: 0.85em;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg,
#preview_body {
	color: #E6EDF3 !important;
	background: rgba(18, 24, 33, 0.6) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 12px !important;
	padding: 16px !important;
	margin-bottom: 12px !important;
	transition: all 0.3s ease !important;
}

.windowbg:hover {
	border-color: rgba(12, 175, 224, 0.3) !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
	transform: translateY(-2px);
}

.windowbg2 {
	color: #E6EDF3 !important;
	background: rgba(26, 35, 50, 0.5) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 12px !important;
	padding: 16px !important;
	margin-bottom: 12px !important;
	transition: all 0.3s ease !important;
}

.windowbg2:hover {
	border-color: rgba(12, 175, 224, 0.3) !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
	transform: translateY(-2px);
}

.windowbg3 {
	color: #E6EDF3 !important;
	background: rgba(18, 24, 33, 0.4) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 12px !important;
}

/* Table içindeki windowbg için özel düzeltme */
table .windowbg,
table .windowbg2,
table .windowbg3 {
	padding: 12px 16px !important;
	margin: 0 !important;
	border-radius: 0 !important;
}

table tr:first-child .windowbg,
table tr:first-child .windowbg2 {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

table tr:last-child .windowbg,
table tr:last-child .windowbg2 {
	border-bottom-left-radius: 12px !important;
	border-bottom-right-radius: 12px !important;
}

/* the page navigation area */
.pagesection {
	font-size: 0.9em;
	padding: 0.2em;
	overflow: hidden;
	margin-bottom: 1px;
}

div.pagesection div.floatright input {
	margin-top: 3px;
}

.pagelinks {
	padding: 0.6em 0 0.4em 0;
}

/* Colors for background of posts requiring approval */
.approvebg {
	color: #000;
	background-color: #ffeaea;
}

.approvebg2 {
	color: #000;
	background-color: #fff2f2;
}

/* Color for background of *topics* requiring approval */
.approvetbg {
	color: #000;
	background-color: #e4a17c;
}

.approvetbg2 {
	color: #000;
	background-color: #f3bd9f;
}

/* Sticky topics get a different background */
.stickybg {
	background: linear-gradient(135deg, rgba(245, 179, 1, 0.08) 0%, rgba(245, 179, 1, 0.04) 100%);
	border-left: 3px solid rgba(245, 179, 1, 0.5);
}

.stickybg2 {
	background: linear-gradient(135deg, rgba(245, 179, 1, 0.12) 0%, rgba(245, 179, 1, 0.06) 100%);
	border-left: 3px solid rgba(245, 179, 1, 0.5);
}

/* Locked posts get a different shade, too! */
.lockedbg {
	background: linear-gradient(135deg, rgba(139, 148, 158, 0.08) 0%, rgba(139, 148, 158, 0.04) 100%);
	border-left: 3px solid rgba(139, 148, 158, 0.4);
	font-style: italic;
	opacity: 0.85;
}

.lockedbg2 {
	background: linear-gradient(135deg, rgba(139, 148, 158, 0.12) 0%, rgba(139, 148, 158, 0.06) 100%);
	border-left: 3px solid rgba(139, 148, 158, 0.4);
	font-style: italic;
	opacity: 0.85;
}

/* Posts and personal messages displayed throughout the forum. */
.post,
.personalmessage {
	overflow: auto;
	line-height: 1.4em;
	padding: 0.1em 0;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature,
.attachments {
	width: 98%;
	overflow: auto;
	clear: right;
	padding: 1em 0 3px 0;
	border-top: 1px solid #aaa;
	line-height: 1.4em;
	font-size: 0.85em;
}

.custom_fields_above_signature {
	width: 98%;
	clear: right;
	padding: 1em 0 3px 0;
	border-top: 1px solid #aaa;
	line-height: 1.4em;
	font-size: 0.85em;
}

/* Sometimes there will be an error when you post */
.error {
	color: red;
}

/* Messages that somehow need to attract the attention. */
.alert {
	color: red;
}

/* Calendar colors for birthdays, events and holidays */
.birthday {
	color: #920ac4;
}

.event {
	color: #078907;
}

.holiday {
	color: #000080;
}

/* Colors for warnings */
.warn_mute {
	color: red;
}

.warn_moderate {
	color: #ffa500;
}

.warn_watch,
.success {
	color: green;
}

a.moderation_link,
a.moderation_link:visited {
	color: red;
	font-weight: bold;
}

.openid_login {
	background: white url(../images/openid.gif) no-repeat;
	padding-left: 18px;
}

/* a descriptive style */
.description,
.description_board,
.plainbox {
	padding: 0.5em 1em;
	font-size: 0.9em;
	line-height: 1.4em;
	border: 1px solid #bbb;
	background: #f5f5f0;
	margin: 0.2em 1px 1em 1px;
}

.description_board {
	margin: 1em 1px 0 1px;
}

/* an informative style */
.information {
	padding: 0.5em 1em;
	font-size: 0.9em;
	line-height: 1.3em;
	border: 1px solid #bbb;
	background: #f0f6f0;
	margin: 0.2em 1px 1em 1px;
}

.information p {
	padding: 1em;
	margin: 0;
}

p.para2 {
	padding: 1em 0 3.5em 0;
	margin: 0;
}

/* AJAX notification bar
------------------------------------------------------- */
#ajax_in_progress {
	background: url(../images/theme/loadingbar.png) repeat-x;
	color: #f96f00;
	text-align: center;
	font-size: 16pt;
	padding: 8px;
	width: 100%;
	height: 66px;
	line-height: 25px;
	position: fixed;
	top: 0;
	left: 0;
}

#ajax_in_progress a {
	color: orange;
	text-decoration: underline;
	font-size: smaller;
	float: right;
	margin-right: 20px;
}

/* Lists with settings use these a lot.
------------------------------------------------------- */
dl.settings {
	clear: right;
	overflow: auto;
	margin: 0 0 10px 0;
	padding: 0;
}

dl.settings dt {
	width: 40%;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
}

dl.settings dt.settings_title {
	width: 100%;
	float: none;
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	font-weight: bold;
	clear: both;
}

dl.settings dt.windowbg {
	width: 98%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0 0 5px 0;
	clear: both;
}

dl.settings dd {
	width: 56%;
	float: right;
	overflow: auto;
	margin: 0 0 3px 0;
	padding: 0;
}

dl.settings img {
	margin: 0 10px 0 0;
}

/* help icons */
dl.settings dt a img {
	position: relative;
	top: 2px;
}

/* Styles for rounded headers.
------------------------------------------------------- */
h3.catbg,
h3.catbg2,
h3.titlebg,
h4.titlebg,
h4.catbg {
	overflow: hidden;
	height: auto;
	line-height: 1.5;
	padding: 16px 24px !important;
	font-size: 1.2em;
	font-weight: 600;
	border-bottom: 2px solid #0CAFE0 !important;
	border-radius: 12px 12px 0 0;
	background: linear-gradient(135deg, rgba(12, 175, 224, 0.15) 0%, rgba(12, 175, 224, 0.05) 100%) !important;
}

h3.catbg a:link,
h3.catbg a:visited,
h4.catbg a:link,
h4.catbg a:visited,
h3.catbg,
.table_list tbody.header td,
.table_list tbody.header td a {
	color: #E6EDF3 !important;
}

h3.catbg2 a,
h3.catbg2 {
	color: #0CAFE0 !important;
}

h3.catbg a:hover,
h4.catbg a:hover,
.table_list tbody.header td a:hover {
	color: #4fd9f5 !important;
	text-decoration: none;
}

h3.catbg2 a:hover {
	color: #fff;
	text-decoration: none;
}

h3.titlebg a,
h3.titlebg,
h4.titlebg,
h4.titlebg a {
	color: #E6EDF3 !important;
}

h3.titlebg a:hover,
h4.titlebg a:hover {
	color: #0CAFE0 !important;
	text-decoration: none;
}

h3.catbg img.icon,
h4.titlebg img.icon {
	vertical-align: middle;
	margin: -2px 5px 0 0;
}

h4.catbg a.toggle img {
	vertical-align: middle;
	margin: -2px 5px 0 5px;
}

h4.catbg,
h4.catbg2,
h3.catbg,
h3.catbg2,
.table_list tbody.header td.catbg {
	padding: 0 10px;
}

h4.titlebg,
h3.titlebg {
	padding-right: 9px;
	line-height: 31px;
}

h4.titlebg img.icon {
	float: left;
	margin: 5px 8px 0 0;
}

div.title_bar {
	background: linear-gradient(135deg, rgba(12, 175, 224, 0.15) 0%, rgba(12, 175, 224, 0.05) 100%) !important;
	padding: 12px 24px;
	height: auto;
	overflow: hidden;
	margin-bottom: 8px;
	border-radius: 12px 12px 0 0;
	border-bottom: 2px solid #0CAFE0;
}

/* rounded bars needs a different background here */

div.roundframe div.cat_bar {
	/* background: #51B7D4; */
	margin-bottom: 0;
}

div.roundframe div.cat_bar h3.catbg {}

div.title_barIC {
	padding-left: 9px;
	height: 31px;
	overflow: hidden;
	margin-bottom: 1px;
}

div.title_barIC h4.titlebg {}

#upshrinkHeaderIC p.pminfo {
	margin: 0;
	padding: 0.5em;
}

img#upshrink_ic,
img#newsupshrink {
	float: right;
	margin: 15px 5px 0 0;
}

table.table_list a.unreadlink,
table.table_list a.collapse {
	float: right;
}

table.table_list a.collapse {
	margin: 10px 5px 0 1em;
	height: 31px;
	line-height: 31px;
}

/* The half-round header bars for some tables. */
.table_grid tr.catbg,
.table_grid tr.titlebg {
	border-bottom: 1px solid #fff;
	font-size: 12px;
	height: 45px;
	line-height: 45px;
}

.table_grid tr.catbg th,
.table_grid tr.titlebg th {
	height: 28px;
	line-height: 28px;
}

tr.catbg th.first_th {}

tr.catbg th.last_th {}

tr.titlebg th.first_th {
	background: #e3e9ef url(../images/theme/main_block.png) no-repeat 0 -380px;
}

tr.titlebg th.last_th {
	background: #e3e9ef url(../images/theme/main_block.png) no-repeat 100% -380px;
}

.table_grid th.last_th input {
	margin: 0 2px;
}

.table_grid th.lefttext {
	padding: 0 0.7em;
}

/* a general table class */
table.table_grid {
	border-collapse: collapse;
	margin-top: 0.1em;
}

table.table_grid td {
	padding: 3px;
	border-bottom: 1px solid #e5e5e5;
	/* border-right: 1px solid #fff; */
}

/* GenericList */
.additional_row {
	padding: 0.5em 0 0.5em 0;
}

table.table_grid thead tr.catbg th {
	white-space: nowrap;
}

/* table_grid styles for Profile > Show Permissions. */
#permissions table.table_grid td {
	padding: 0.4em 0.8em;
	cursor: default;
}

/* Common styles used to add corners to divisions.
------------------------------------------------------- */
.windowbg span.topslice {}

.windowbg span.topslice span {}

.windowbg span.botslice {}

.windowbg span.botslice span {}

.windowbg2 span.topslice {}

.windowbg2 span.topslice span {}

.windowbg2 span.botslice {}

.windowbg2 span.botslice span {}

.approvebg span.topslice {
	display: block;
	padding-left: 20px;
	background: url(../images/theme/main_block.png) 0 0 no-repeat;
}

.approvebg span.topslice span {
	display: block;
	background: url(../images/theme/main_block.png) 100% 0 no-repeat;
	height: 11px;
}

.approvebg span.botslice {
	display: block;
	padding-left: 20px;
	background: url(../images/theme/main_block.png) 0 -11px no-repeat;
	margin-bottom: 0.2em;
}

.approvebg span.botslice span {
	display: block;
	background: url(../images/theme/main_block.png) 100% -11px no-repeat;
	height: 11px;
}

.postbg {
	border-left: 1px solid #7f7f7f;
	border-right: 1px solid #7f7f7f;
}

/* Used for sections that need somewhat larger corners.
----------------------------------------------------------- */
.roundframe {
	padding: 15px;
	background: #F5F5F5;
}

.roundframe dl,
.roundframe dt,
.roundframe p {
	margin: 0;
}

.roundframe p {
	padding: 0.5em;
}

span.upperframe {}

span.upperframe span {}

span.lowerframe {}

span.lowerframe span {}

/* The main content area.
------------------------------------------------------- */
.content {
	padding: 0.5em 1.2em;
	margin: 0;
	border: none;
	box-shadow: 5px 6px 12px -7px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 5px 6px 12px -7px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 5px 5px 12px -7px rgba(0, 0, 0, 0.75);
}

.content p {
	margin: 0 0 0.5em 0;
}

/* Styles used by the auto suggest control.
------------------------------------------------------- */
.auto_suggest_div {
	border: 1px solid #000;
	position: absolute;
	visibility: hidden;
}

.auto_suggest_item {
	background-color: #ddd;
}

.auto_suggest_item_hover {
	background-color: #888;
	cursor: pointer;
	color: #eee;
}

/* Styles for the standard dropdown menus.
------------------------------------------------------- */
#main_menu {
	padding: 0 0.5em;
	float: left;
	margin: 0;
	width: 98%;
}

.dropmenu,
.dropmenu ul {
	list-style: none;
	line-height: 1em;
	padding: 0;
	margin: 0;

}

.dropmenu {
	padding: 0 0.5em;
	margin: 0 !important;
	float: none !important;
	justify-content: flex-start !important;
}

.dropmenu a {
	display: block;
	color: #fff;
	text-decoration: none;
}

.dropmenu a span {
	display: block;
	padding: 0 0 0 5px;
	font-size: 0.9em;
}

/* the background's first level only */
.dropmenu li a.firstlevel {
	margin-right: 8px;
}

.dropmenu li a.firstlevel span.firstlevel {
	display: block;
	position: relative;
	left: -5px;
	padding-left: 5px;
	height: 22px;
	line-height: 19px;
	white-space: pre;
}

.dropmenu li {
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
}

.dropmenu li ul {
	z-index: 90;
	display: none;
	position: absolute;
	width: 19.2em;
	font-weight: normal;
	border-bottom: 1px solid #999;
	background: url(../images/theme/menu_gfx.png) 0 -130px no-repeat;
	padding: 7px 0 0 0;
}

.dropmenu li li {
	width: 19em;
	margin: 0;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

.dropmenu li li a span {
	display: block;
	padding: 8px;
}

.dropmenu li ul ul {
	margin: -1.8em 0 0 13em;
}

/* the active button */
.dropmenu li a.active {
	background: url(../images/theme/menu_gfx.png) no-repeat 100% 0;
	color: #fff;
	font-weight: bold;
}

.dropmenu li a.active span.firstlevel {
	background: url(../images/theme/menu_gfx.png) no-repeat 0 0;
}

/* the hover effects */
.dropmenu li a.firstlevel:hover,
.dropmenu li:hover a.firstlevel {
	background: url(../images/theme/menu_gfx.png) no-repeat 100% -30px;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

.dropmenu li a.firstlevel:hover span.firstlevel,
.dropmenu li:hover a.firstlevel span.firstlevel {
	background: url(../images/theme/menu_gfx.png) no-repeat 0 -30px;
}

/* the hover effects on level2 and 3 */
.dropmenu li li a:hover,
.dropmenu li li:hover>a {
	background: #d4dbe4;
	color: #000;
	text-decoration: none;
}

.arisa-ui .select:not([disabled="disabled"]):hover {
	background: rgb(52, 62, 72, 0.7);
	text-decoration: none;
}

/* YouTube BBCode Styling */
.bbc_youtube {
	text-align: center;
	margin: 15px 0;
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 aspect ratio */
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000;
	border-radius: 8px;
}

.bbc_youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

/* Spoiler BBCode Styling */
.bbc_spoiler {
	margin: 10px 0;
	background: rgba(18, 24, 33, 0.3);
	border: 1px solid rgba(57, 69, 80, 0.5);
	border-radius: 6px;
	overflow: hidden;
}

.bbc_spoiler_toggle {
	width: 100%;
	padding: 10px 15px;
	background: linear-gradient(135deg, rgba(57, 69, 80, 0.4) 0%, rgba(57, 69, 80, 0.2) 100%);
	border: none;
	color: #ffffff;
	font-size: 13px;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
	transition: all 0.3s ease;
	font-family: inherit;
}

.bbc_spoiler_toggle:hover {
	background: linear-gradient(135deg, rgba(57, 69, 80, 0.6) 0%, rgba(57, 69, 80, 0.4) 100%);
}

.bbc_spoiler_toggle.active {
	background: linear-gradient(135deg, rgba(18, 147, 98, 0.3) 0%, rgba(18, 147, 98, 0.1) 100%);
	border-bottom: 1px solid rgba(57, 69, 80, 0.3);
}

.bbc_spoiler_toggle::before {
	content: "▶ ";
	display: inline-block;
	transition: transform 0.3s ease;
}

.bbc_spoiler_toggle.active::before {
	transform: rotate(90deg);
}

.bbc_spoiler_content {
	padding: 15px;
	color: #c7cbd1;
	line-height: 1.6;
}

/* ===== LIKE SYSTEM ===== */
.like_bar {
	margin: 8px 0 4px;
	padding: 8px 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	align-items: center;
}

.like_actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.like_button {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 14px;
	border-radius: 18px;
	background: linear-gradient(135deg, rgba(220, 38, 38, 0.15) 0%, rgba(185, 28, 28, 0.08) 100%);
	border: 1px solid rgba(220, 38, 38, 0.25);
	color: #e0e0e0;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease;
}

.like_button:hover {
	background: linear-gradient(135deg, rgba(220, 38, 38, 0.35) 0%, rgba(185, 28, 28, 0.2) 100%);
	border-color: rgba(220, 38, 38, 0.5);
	color: #ff6b6b;
	text-decoration: none;
	transform: scale(1.05);
	box-shadow: 0 2px 8px rgba(220, 38, 38, 0.2);
}

.like_button:active {
	transform: scale(0.95);
}

.like_count_display {
	color: #888;
	font-size: 12px;
}

.like_count_display a {
	color: #aaa;
	text-decoration: none;
}

.like_count_display a:hover {
	color: #ff6b6b;
}

.dropmenu li:hover ul ul,
.dropmenu li:hover ul ul ul {
	top: -999em;
}

.dropmenu li li:hover ul {
	top: auto;
}

.dropmenu li:hover ul {
	display: block;
}

.dropmenu li li.additional_items {
	background-color: #fff;
}

/* The dropdown menu toggle image */
#menu_toggle {
	float: right;
	margin-right: 10px;
	padding-top: 3px;
}

#menu_toggle span {
	position: relative;
	right: 5000px;
}

/* Styles for the standard button lists.
------------------------------------------------------- */

.buttonlist ul {
	z-index: 100;
	padding: 5px;
	margin: 0 0.2em 5px 0;
}

.buttonlist ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

.buttonlist ul li a {
	background: #394550 none repeat scroll 0 0;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 0.8em;
	margin-left: 5px;
	padding: 10px;
	text-transform: uppercase;
	border-bottom: 3px solid #334466;
	box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.09) inset;
}

.buttonlist ul li a:hover {
	background-color: #334466;
	color: #fff !important;
	text-decoration: none;
}

/* the active one */
.buttonlist ul li a.active {
	background: #334466;
	color: #fff;
	font-weight: bold;
}

.buttonlist ul li a.active {
	font-weight: bold;
}

.buttonlist ul li a.active:hover {
	color: #f8f8f8;
}

.align_top ul li a,
.align_bottom ul li a {
	margin: 0 12px 0 0;
}


/* the navigation list */
ul#navigation {
	margin: 0;
	font-size: 0.9em;
	padding: 1em 0.4em;
}

ul#navigation li {
	float: none;
	font-size: 0.95em;
	display: inline;
}

#adm_submenus {
	padding-left: 2em;
	overflow: hidden;
}

/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* the framing graphics */

/* the content section */
#content_section {
	background: #FFFFFF url(../images/theme/frame_repeat.png) repeat-y top left;
	padding-left: 20px;
}

#content_section div.frame {
	background: url(../images/theme/frame_repeat.png) repeat-y top right;
	display: block;
	padding: 0 20px 0 0;
}

#main_content_section {
	width: 100%;
	min-height: 200px;
}

/* the main title, always stay at 45 pixels in height! */
h1.forumtitle {
	line-height: 45px;
	font-size: 1.8em;
	font-family: Geneva, verdana, sans-serif;
	margin: 0;
	padding: 0;
	float: left;
}

/* float these items to the right */
#siteslogan,
img#smflogo {
	margin: 0;
	padding: 0;
	float: right;
	line-height: 3em;
}

h3,
h4 {
	padding-bottom: 3px;
}

/* the upshrink image needs some tweaking */
img#upshrink {
	float: right;
	margin: 1em;
}

/* ..so does the SMF logo */
img#smflogo {
	margin-left: 1em;
}

/* the upper_section, float the two each way */
#upper_section {
	padding: 5px;
	margin-bottom: 1.5em;
}

#upper_section ul li.greeting {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5em;
}

#upper_section div.news {
	width: 50%;
	float: right;
	text-align: right;
}

#guest_form {
	overflow: hidden;
}

#guest_form .info {
	padding: 4px 0;
	line-height: 1.3em;
}

div#upper_section div.user {
	width: 50%;
	float: left;
	overflow: auto;
}

div#upper_section div.user p {
	float: left;
	margin: 0 1em 1em 0;
	padding: 0;
}

div#upper_section div.user ul {
	margin: 0;
	padding-left: 10px;
}

div#upper_section div.user ul li {
	margin-bottom: 2px;
}

div#upper_section div.news p {
	display: inline;
}

div#upper_section div.news form {
	padding-bottom: 10px;
}

/* clearing the floats */
#top_section {
	min-height: 65px;
	overflow: hidden;
	margin-bottom: 3px;
}

#upper_section {
	overflow: hidden;
}

/* The navigation list (i.e. linktree) */
.navigate_section {
	padding: 0.5em;
	margin: 0 0 0 0;
}

.navigate_section ul {
	display: block;
	margin: 0;
	font-size: 0.9em;
	padding: 0em 0 0.5em 0;
	/* border-top: 1px solid #ccc; */
	overflow: hidden;
	list-style: none;
	clear: both;
	width: 100%;
	height: 100%;
}

.navigate_section ul li {
	float: left;
	padding: 0 0.5em 0 0;
	font-size: 0.95em;
	color: #394550;
}

.navigate_section ul li a {
	white-space: pre;
	margin-top: 9px;
}

/* The footer wih copyright links etc. */
#footer_section {
	text-align: center;
	background: url(../images/theme/main_block.png) no-repeat 0 -820px;
	padding-left: 20px;
}

#footer_section span.smalltext {
	font-size: 100%;
}

#footer_section div.frame {
	background: url(../images/theme/main_block.png) no-repeat 100% -820px;
	display: block;
	padding: 60px 0 0 0;
}

#footer_section ul li,
#footer_section p {
	font-size: 0.8em;
}

#footer_section ul li {
	display: inline;
	padding-right: 5px;
}

#footer_section ul li.copyright {
	display: block;
}

select.qaction,
input.qaction {
	font-size: 0.85em;
	padding: 0;
}

#mlist table tbody td.windowbg2 {
	text-align: center;
}

/* Styles for a typical table.
------------------------------------------------------- */
table.table_list {
	width: 100%;
}

table.table_list p {
	padding: 0;
	margin: 0;
}

table.table_list td,
table.table_list th {
	padding: 5px;
}

table.table_list tbody.header td {
	padding: 0;
}

table.table_list tbody.content td.stats {
	font-size: 90%;
	width: 15%;
	/* text-align: center; */
}

table.table_list tbody.content td.lastpost {
	line-height: 1.3em;
	font-size: 85%;
	width: 24%;
}

table.table_list tbody.content td.icon {
	text-align: center;
	width: 6%;
}

/* Styles for the board index.
------------------------------------------------- */

/* the board title! */
.table_list tbody.content td.info a.subject {
	font-weight: bold;
	font-size: 110%;
	color: #E6EDF3;
}

.table_list tbody.content td.children {
	color: #555;
	font-size: 85%;
}

p.moderators {
	font-size: 0.8em;
	font-family: verdana, sans-serif;
}

/* hide the table header/footer parts - but its here for those needing to style it */
#boardindex_table .table_list thead,
#boardindex_table .table_list tfoot {
	display: none;
}

/* the posting icons */
#posting_icons {
	padding: 0 1em 0.5em 1em;
	margin: 0 0 1em 0;
	line-height: 1em;
}

#posting_icons ul {
	font-size: 0.8em;
}

#posting_icons img {
	vertical-align: middle;
	margin: 0 0 0 4ex;
}

#postbuttons_upper ul li a span {
	line-height: 19px;
	padding: 0 0 0 6px;
}

.nextlinks {
	text-align: right;
	margin-top: -1px;
}

.nextlinks_bottom {
	clear: right;
	text-align: right;
}

.mark_read {
	padding: 0 0.5em;
}

/* the newsfader */
#newsfader {
	margin-bottom: 10px;
}

#smfFadeScroller {
	/* shouldn't be shorthand style due to a JS bug in IE! */
	text-align: center;
	padding: 15px;
	overflow: auto;
	margin: 0;
	color: #2F2F2F;
	background: #f6f6f6;
	border: 1px solid #eee;
}

/* Styles for the info center on the board index.
---------------------------------------------------- */

#upshrinkHeaderIC {
	margin-top: 4px;
}

dl#ic_recentposts {
	margin: 0 0 0.5em 0;
	padding: 0.5em;
	line-height: 1.3em;
}

dl#ic_recentposts dt {
	float: left;
}

dl#ic_recentposts dd {
	text-align: right;
}

#upshrinkHeaderIC p {
	margin: 0 0 0.5em 0;
	padding: 0.5em;
}

#upshrinkHeaderIC p.last {
	margin: 0;
	padding: 0.5em;
	border-top: 2px dotted #bbb;
}

#upshrinkHeaderIC p.inline {
	border: none;
	margin: 0;
	padding: 0.2em 0.5em 0.2em 0.5em;
}

#upshrinkHeaderIC p.stats {
	font-size: 1.1em;
	padding-top: 8px;
}

form#ic_login {
	padding: 0.5em;
	height: 2em;
}

form#ic_login ul li {
	margin: 0;
	padding: 0;
	float: left;
	width: 20%;
	text-align: center;
}

form#ic_login ul li label {
	display: block;
}

/* the small stats */
#index_common_stats {
	display: block;
	margin: 0 0 0.5em 0;
	text-align: right;
	font-size: 0.9em;
	position: relative;
	top: -20px;
	line-height: 1px;
}

img.new_posts {
	padding: 0 0.1em;
}

/* Styles for the message (topic) index.
---------------------------------------------------- */
div.table_frame .table_list {
	border-collapse: collapse;
	margin: 2px 0;
}

.table_frame .table_list td.icon,
.table_frame .table_list td.info,
.table_frame .table_list td.stats {
	/* border-right: 2px solid white; */
}

#messageindex {
	clear: both;
}

/* the page navigation area */
.childboards {
	margin-bottom: 0.2em;
}

#childboards h3 {
	padding-bottom: 0;
}

#childboards .table_list thead {
	display: none;
}

#childboards .table_list {
	margin-bottom: 1em;
}

.lastpost img {
	float: left;
	padding: 2px;
}

/* Styles for the display template (topic view).
---------------------------------------------------- */

#postbuttons div.buttons {
	padding: 0.5em;
	width: 40%;
	float: right;
}

#postbuttons div.middletext {
	width: 60%;
}

#postbuttons span {
	display: block;
	text-align: right;
}

#postbuttons span.lower {
	clear: right;
}

#postbuttons .buttonlist {
	float: right;
}

#postbuttons #pagelinks {
	padding-top: 1em;
}

#moderationbuttons {
	overflow: hidden;
}

/* Events */
.linked_events {
	padding: 1em 0;
}

.edit_event {
	margin: 0 1em;
	vertical-align: middle;
}

/* Poll question */
#poll {
	overflow: hidden;
}

#poll .content {
	padding: 0 1em;
}

h4#pollquestion {
	padding: 0 0 0.5em 2em;
}

/* Poll vote options */
#poll_options ul.options {
	border-top: 1px solid #9999aa;
	padding: 1em 2.5em 0 2em;
	margin: 0 0 1em 0;
}

#poll_options div.submitbutton {
	border-bottom: 1px solid #9999aa;
	clear: both;
	padding: 0 0 1em 2em;
	margin: 0 0 1em 0;
}

/* Poll results */
#poll_options dl.options {
	border: solid #9999aa;
	border-width: 1px 0;
	padding: 1em 2.5em 1em 2em;
	margin: 0 1em 1em 0;
	line-height: 1.1em !important;
}

#poll_options dl.options dt {
	padding: 0.3em 0;
	width: 30%;
	float: left;
	margin: 0;
	clear: left;
}

#poll_options dl.options .voted {
	font-weight: bold;
}

#poll_options dl.options dd {
	margin: 0 0 0 2em;
	padding: 0.1em 0 0 0;
	width: 60%;
	max-width: 450px;
	float: left;
}

#poll_options dl.options .percentage {
	display: block;
	float: right;
	padding: 0.2em 0 0.3em 0;
}

/* Poll notices */
#poll_options p {
	margin: 0 1.5em 0.2em 1.5em;
	padding: 0 0.5em 0.5em 0.5em;
}

div#pollmoderation {
	margin: 0;
	padding: 0;
	overflow: auto;
}

/* onto the posts */
#forumposts {
	clear: both;
}

#forumposts .cat_bar {
	margin: 0 0 2px 0;
}

/* author and topic information */
#forumposts h3 span#author {
	margin: 0 7.7em 0 0;
}

#forumposts h3 img {
	float: left;
	margin: 12px 0.5em 0 0;
}

#forumposts h3.catbg {
	margin-bottom: 3px;
}

p#whoisviewing {
	margin: 0;
	padding: 0.5em;
}

/* Informacion de usuario Horizontal */
#forumposts div.poster {
	width: auto;
}

.cont_colum_post {
	width: 100%;
	overflow: hidden;
	padding: 0px;
}


.left_colum {
	float: left;
	margin-left: 0.5em;
}

.right_colum {
	float: right;
	margin-right: 2em;
}

.left_colum li.avatar {
	/* margin-top: 0.5em; */
}

span.divider_info {
	margin-bottom: 2px;
	-margin-bottom: 0px;
	display: block;
}

/* poster and postarea + moderation area underneath */
.poster {
	float: left;
	width: 14em;
}

.postarea,
.moderatorbar {
	margin: 0 0 0 1em;
	_padding-left: 1em;
}

.postarea div.flow_hidden {
	width: auto;
}

.left_colum .avatar img {
	padding: 3px;
	border: 1px solid #ddd;
	background: #53616f;
	border-radius: 60px;
	width: 90px;
	height: 90px;
	-webkit-box-shadow: 8px 10px 19px -12px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 8px 10px 19px -12px rgba(0, 0, 0, 0.75);
	box-shadow: 8px 10px 19px -12px rgba(0, 0, 0, 0.75);
}

.moderatorbar {
	clear: right;
}

/* poster details and list of items */
.poster h4,
.poster ul {
	padding: 0;
	margin: 0 1em 0 1.5em;
}

.poster h4 {
	margin: 0.2em 0 0.4em 1.1em;
	font-size: 120%;
}

.poster h4 {
	\tcolor: #c06002;
}

.poster h4 a {
	\tcolor: inherit;
}

.poster ul ul {
	margin: 0.3em 1em 0 0;
	padding: 0;
}

.poster ul ul li {
	display: inline;
}

.poster li.stars,
.poster li.avatar,
.poster li.blurb,
li.postcount,
li.im_icons ul {
	margin-top: 0.5em;
}

.poster li.avatar {
	overflow: hidden;
}

.poster li.warning {
	line-height: 1.2em;
	padding-top: 1em;
}

.poster li.warning a img {
	vertical-align: bottom;
	padding: 0 0.2em;
}

.messageicon {
	float: left;
	margin: 0 0.5em 0 0;
}

.messageicon img {
	padding: 6px 3px;
}

.keyinfo {
	float: left;
	width: 50%;
}

.modifybutton {
	clear: right;
	float: right;
	margin: 6px 20px 10px 0;
	text-align: right;
	font: bold 0.85em arial, sans-serif;
	color: #334466;
}

/* The quick buttons */
div.quickbuttons_wrap {
	padding: 0.2em 0;
	width: 100%;
	float: left;
}

ul.quickbuttons {
	margin: 0.9em 11px 0 0;
	clear: right;
	float: right;
	text-align: right;
	font: bold 0.85em arial, sans-serif;
}

ul.quickbuttons li {
	float: left;
	display: inline;
	margin: 0 0 0 11px;
}

ul.quickbuttons li a {
	padding: 0 0 0 20px;
	display: block;
	height: 20px;
	line-height: 18px;
	float: left;
}

ul.quickbuttons a:hover {
	color: #a70;
}

ul.quickbuttons li.quote_button {
	background: url(../images/theme/quickbuttons.png) no-repeat 0 0;
}

ul.quickbuttons li.remove_button {
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -30px;
}

ul.quickbuttons li.modify_button {
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -60px;
}

ul.quickbuttons li.approve_button {
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -90px;
}

ul.quickbuttons li.restore_button {
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -120px;
}

ul.quickbuttons li.split_button {
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -150px;
}

ul.quickbuttons li.reply_button {
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
}

ul.quickbuttons li.reply_all_button {
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
}

ul.quickbuttons li.notify_button {
	background: url(../images/theme/quickbuttons.png) no-repeat 0 -210px;
}

ul.quickbuttons li.inline_mod_check {
	margin: 0 0 0 5px;
}

.post {
	margin-top: 0.5em;
	clear: right;
}

.inner {
	padding: 1em 1em 2px 0;
	margin: 0 1em 0 0;
	border-top: 1px solid #99a;
}

img.smiley {
	vertical-align: bottom;
}

#forumposts .modified {
	float: left;
}

#forumposts .reportlinks {
	margin-right: 1.5em;
	text-align: right;
	clear: right;
}

#forumposts .signature,
.post .signature {
	margin: 1em 0 0 0;
}

#forumposts span.botslice {
	clear: both;
}

.attachments hr {
	clear: both;
	margin: 1em 0 1em 0;
}

.attachments {
	padding: 1em 0 2em 0;
}

.attachments div {
	padding: 0 0.5em;
}

/* Styles for the quick reply area.
---------------------------------------------------- */

#quickreplybox {
	padding-bottom: 1px;
}

#quickReplyOptions .roundframe {
	padding: 0 10%;
}

#quickReplyOptions form textarea {
	height: 100px;
	width: 635px;
	max-width: 100%;
	min-width: 100%;
	margin: 0.25em 0 1em 0;
}

/* The jump to box */
#display_jump_to {
	clear: both;
	padding: 5px;
	margin-top: 6px;
	text-align: right;
}

/* Separator of posts. More useful in the print stylesheet. */
#forumposts .post_separator {
	display: none;
}

/* Styles for edit post section
---------------------------------------------------- */
form#postmodify .roundframe {
	padding: 0 12%;
}

#post_header,
.postbox {
	padding: 0.5em;
	overflow: hidden;
}

#post_header dt,
.postbox dt {
	float: left;
	padding: 0;
	width: 15%;
	margin: .5em 0 0 0;
	font-weight: bold;
}

#post_header dd,
.postbox dd {
	float: left;
	padding: 0;
	width: 83%;
	margin: .3em 0;
}

#post_header img {
	vertical-align: middle;
}

ul.post_options {
	margin: 0 0 0 1em;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

ul.post_options li {
	margin: 0.2em 0;
	width: 49%;
	float: left;
}

#postAdditionalOptionsHeader {
	margin-top: 1em;
}

#postMoreOptions {
	border-bottom: 1px solid #cacdd3;
	padding: 0.5em;
}

#postAttachment,
#postAttachment2 {
	overflow: hidden;
	margin: .5em 0;
	padding: 0;
	border-bottom: 1px solid #cacdd3;
	padding: 0.5em;
}

#postAttachment dd,
#postAttachment2 dd {
	margin: .3em 0 .3em 1em;
}

#postAttachment dt,
#postAttachment2 dt {
	font-weight: bold;
}

#postAttachment3 {
	margin-left: 1em;
}

#post_confirm_strip,
#shortcuts {
	padding: 1em 0 0 0;
}

.post_verification {
	margin-top: .5em;
}

.post_verification #verification_control {
	margin: .3em 0 .3em 1em;
}

/* The BBC buttons */
#bbcBox_message {
	margin: 0.75em 0.5em;
}

#bbcBox_message div {
	margin: 0.2em 0;
	vertical-align: top;
}

#bbcBox_message div img {
	margin: 0 1px 0 0;
	vertical-align: top;
}

#bbcBox_message select {
	margin: 0 2px;
}

/* The smiley strip */
#smileyBox_message {
	margin: 0.5em;
}

/* Styles for edit event section
---------------------------------------------------- */
#post_event .roundframe {
	padding: 0 12%;
}

#post_event fieldset {
	padding: 0.5em;
	clear: both;
}

#post_event #event_main input {
	margin: 0 0 1em 0;
	float: left;
}

#post_event #event_main div.smalltext {
	width: 33em;
	float: right;
}

#post_event div.event_options {
	float: right;
}

#post_event ul.event_main,
ul.event_options {
	padding: 0;
	overflow: hidden;
}

#post_event ul.event_main li {
	list-style-type: none;
	margin: 0.2em 0;
	width: 49%;
	float: left;
}

#post_event ul.event_options {
	margin: 0;
	padding: 0 0 .7em .7em;
}

#post_event ul.event_options li {
	list-style-type: none;
	margin: 0;
	float: left;
}

#post_event #event_main select,
#post_event ul.event_options li select,
#post_event ul.event_options li .input_check {
	margin: 0 1em 0 0;
}

/* Styles for edit poll section.
---------------------------------------------------- */

#edit_poll {
	overflow: hidden;
}

#edit_poll fieldset {
	padding: 0.5em;
	clear: both;
	overflow: hidden;
}

#edit_poll fieldset input {
	margin-left: 8.1em;
}

#edit_poll ul.poll_main li {
	padding-left: 1em;
}

#edit_poll ul.poll_main input {
	margin-left: 1em;
}

#edit_poll ul.poll_main,
dl.poll_options {
	overflow: hidden;
	padding: 0 0 .7em .7em;
	list-style: none;
}

#edit_poll ul.poll_main li {
	margin: 0.2em 0;
}

#edit_poll dl.poll_options dt {
	width: 33%;
	padding: 0 0 0 1em;
}

#edit_poll dl.poll_options dd {
	width: 65%;
}

#edit_poll dl.poll_options dd input {
	margin-left: 0;
}

/* Styles for the recent messages section.
---------------------------------------------------- */

#readbuttons_top .pagelinks,
#readbuttons .pagelinks {
	padding-bottom: 1em;
	width: 60%;
}

#readbuttons .pagelinks {
	padding-top: 1em;
}

#recent {
	clear: both;
}

/* Styles for the move topic section.
---------------------------------------------------- */

#move_topic dl {
	margin-bottom: 0;
}

#move_topic dl.settings dt {
	width: 40%;
}

#move_topic dl.settings dd {
	width: 59%;
}

.move_topic {
	width: 710px;
	margin: auto;
	text-align: left;
}

div.move_topic fieldset {
	padding: 0.5em;
}

/* Styles for the send topic section.
---------------------------------------------------- */

fieldset.send_topic {
	border: none;
	padding: 0.5em;
}

dl.send_topic {
	margin-bottom: 0;
}

dl.send_mail dt {
	width: 35%;
}

dl.send_mail dd {
	width: 64%;
}

/* Styles for the report topic section.
---------------------------------------------------- */

#report_topic dl {
	margin-bottom: 0;
}

#report_topic dl.settings dt {
	width: 20%;
}

#report_topic dl.settings dd {
	width: 79%;
}

/* Styles for the split topic section.
---------------------------------------------------- */

div#selected,
div#not_selected {
	width: 49%;
}

ul.split_messages li.windowbg,
ul.split_messages li.windowbg2 {
	margin: 1px;
}

ul.split_messages li a.split_icon {
	padding: 0 0.5em;
}

ul.split_messages div.post {
	padding: 1em 0 0 0;
	border-top: 1px solid #fff;
}

/* Styles for the merge topic section.
---------------------------------------------------- */
ul.merge_topics li {
	list-style-type: none;
}

dl.merge_topic dt {
	width: 25%;
}

dl.merge_topic dd {
	width: 74%;
}

fieldset.merge_options {
	clear: both;
}

.custom_subject {
	margin: 0.5em 0;
}

/* Styles for the login areas.
------------------------------------------------------- */
.login {
	width: 540px;
	margin: 0 auto;
}

.login dl {
	overflow: auto;
	clear: right;
}

.login dt,
.login dd {
	margin: 0 0 0.4em 0;
	width: 44%;
	padding: 0.1em;
}

.login dt {
	float: left;
	clear: both;
	text-align: right;
	font-weight: bold;
}

.login dd {
	width: 54%;
	float: right;
	text-align: left;
}

.login p {
	text-align: center;
}

/* Styles for the registration section.
------------------------------------------------------- */
.register_error {
	border: 1px dashed red;
	padding: 5px;
	margin: 0 1ex 1ex 1ex;
}

.register_error span {
	text-decoration: underline;
}

/* Additional profile fields */
dl.register_form {
	margin: 0;
	clear: right;
}

dl.register_form dt {
	font-weight: normal;
	float: left;
	clear: both;
	width: 50%;
	margin: 0.5em 0 0 0;
}

dl.register_form dt strong {
	font-weight: bold;
}

dl.register_form dt span {
	display: block;
}

dl.register_form dd {
	float: left;
	width: 49%;
	margin: 0.5em 0 0 0;
}

#confirm_buttons {
	text-align: center;
	padding: 1em 0;
}

.coppa_contact {
	padding: 4px;
	width: 32ex;
	background-color: #fff;
	color: #000;
	margin-left: 5ex;
	border: 1px solid #000;
}

.valid_input {
	background-color: #f5fff0;
}

.invalid_input {
	background-color: #fff0f0;
}

/* Styles for maintenance mode.
------------------------------------------------------- */
#maintenance_mode {
	width: 75%;
	min-width: 520px;
	text-align: left;
}

#maintenance_mode img.floatleft {
	margin-right: 1em;
}

/* common for all admin sections */
h3.titlebg img {
	vertical-align: middle;
	margin-right: 0.5em;
	margin-top: -1px;
}

tr.titlebg td {
	padding-left: 0.7em;
}

#admin_menu {
	min-height: 2em;
	padding-left: 0;
}

#admin_content {
	clear: left;
	padding-top: 0.5em;
}

/* Custom profile fields like to play with us some times. */
#admin_content .custom_field {
	margin-bottom: 15px;
}

#admin_login .centertext {
	padding: 1em;
}

#admin_login .centertext .error {
	padding: 0 0 1em 0;
}

/* Styles for sidebar menus.
------------------------------------------------------- */
.left_admmenu,
.left_admmenu ul,
.left_admmenu li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#left_admsection {
	width: 160px;
	float: left;
	padding-right: 10px;
}

.adm_section h4.titlebg {
	font-size: 95%;
	margin-bottom: 5px;
}

#main_container {
	position: relative;
}

.left_admmenu li {
	padding: 0 0 0 0.5em;
}

.left_admmenu {
	margin-bottom: 0.5em;
}

#main_admsection {
	position: relative;
	left: 0;
	right: 0;
	overflow: hidden;
}

tr.windowbg td,
tr.windowbg2 td,
tr.approvebg td,
tr.highlight2 td {
	padding: 1.3em 0.7em;
}

#credits p {
	padding: 0;
	font-style: italic;
	margin: 0;
}

/* Styles for generic tables.
------------------------------------------------------- */
.topic_table table {
	width: 100%;
}

.topic_table .icon1,
.topic_table .icon2,
.topic_table .stats {
	text-align: center;
}

#topic_icons {
	margin: 1em 0 0 0;
}

#topic_icons .description {
	margin: 0;
}

.topic_table table thead {
	border-bottom: 1px solid #fff;
}

/* the subject column */
.topic_table td {
	font-size: 1em;
}

.topic_table td.subject p,
.topic_table td.stats {
	font-size: 0.85em;
	padding: 0;
	margin: 0;
}

.topic_table td.lastpost {
	font-size: 0.85em;
	line-height: 1.3em;
	padding: 4px;
}

.topic_table td.icon1 .arisa-topic-state-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.16);
	color: #9fb2c7;
	font-size: 20px;
	line-height: 1;
	font-variation-settings: "FILL" 1, "wght" 580, "GRAD" 0, "opsz" 20;
	transition: all 0.2s ease;
}

.topic_table td.icon1 .arisa-topic-state-icon.is-normal {
	color: #9fb2c7;
}

.topic_table td.icon1 .arisa-topic-state-icon.is-new {
	color: #11c3ff;
}

.topic_table td.icon1 .arisa-topic-state-icon.is-hot {
	color: #ff914d;
}

.topic_table td.icon1 .arisa-topic-state-icon.is-locked {
	color: #9ba5b1;
}

.topic_table td.icon1 .arisa-topic-state-icon.is-sticky,
.topic_table td.icon1 .arisa-topic-state-icon.is-sticky-locked {
	color: #3fb950;
}

.topic_table td.icon1 .arisa-topic-state-icon.is-participated {
	color: #58a6ff;
}

.topic_table td.icon1 .arisa-topic-state-stack {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 36px;
}

.topic_table td.icon1 .arisa-topic-state-stack .arisa-topic-state-icon {
	position: absolute;
	margin: 0;
}

.topic_table td.icon1 .arisa-topic-state-stack .arisa-topic-state-icon.is-sticky {
	left: 0;
	top: 3px;
	width: 30px;
	height: 30px;
	font-size: 18px;
}

.topic_table td.icon1 .arisa-topic-state-stack .arisa-topic-state-icon.is-locked {
	right: -1px;
	bottom: -1px;
	width: 22px;
	height: 22px;
	font-size: 14px;
	background: rgba(10, 14, 20, 0.95);
	border-color: rgba(255, 255, 255, 0.22);
}

.topic_table td.stickybg2 {
	background-image: none;
}

.topic_table td.lockedbg2 {
	background-image: none;
}

.topic_table td.locked_sticky2 {
	background-image: none;
}

.topic_table td.lastpost {
	background-image: none;
}

/* Styles for (fatal) errors.
------------------------------------------------- */

#fatal_error {
	width: 80%;
	margin: auto;
}

.errorbox {
	padding: 1em;
	border: 1px solid #cc3344;
	color: #000;
	background-color: #ffe4e9;
	margin-bottom: 1em;
}

.errorbox h3 {
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	text-decoration: underline;
}

.errorbox p {
	margin: 1em 0 0 0;
}

.errorbox p.alert {
	padding: 0;
	margin: 0;
	float: left;
	width: 1em;
	font-size: 1.5em;
}

/* Styles for the profile section.
------------------------------------------------- */

dl {
	overflow: auto;
	margin: 0;
	padding: 0;
}

/* The basic user info on the left */
#basicinfo {
	width: 20%;
	float: left;
}

#basicinfo .windowbg .content {
	padding-left: 20px;
}

#detailedinfo {
	width: 79.5%;
	float: right;
}

#basicinfo h4 {
	font-size: 135%;
	font-weight: 100;
	line-height: 105%;
	white-space: pre-wrap;
	overflow: hidden;
}

#basicinfo h4 span.position {
	font-size: 80%;
	font-weight: 100;
	display: block;
}

#basicinfo img.avatar {
	display: block;
	margin: 10px 0 0 0;
}

#basicinfo ul {
	list-style-type: none;
	margin: 10px 0 0 0;
}

#basicinfo ul li {
	display: block;
	float: left;
	margin-right: 5px;
	height: 20px;
}

#basicinfo span#userstatus {
	display: block;
	clear: both;
}

#basicinfo span#userstatus img {
	vertical-align: middle;
}

#detailedinfo div.content dl,
#tracking div.content dl {
	clear: right;
	overflow: auto;
	margin: 0 0 18px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px #ccc solid;
}

#detailedinfo div.content dt,
#tracking div.content dt {
	width: 35%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	clear: both;
}

#detailedinfo div.content dd,
#tracking div.content dd {
	width: 65%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
}

#detailedinfo div.content dl.noborder {
	border-bottom: 0;
}

#detailedinfo div.content dt.clear {
	width: 100%;
}

.signature,
.custom_fields_above_signature {
	border-top: 1px #ccc solid;
}

.signature h5 {
	font-size: 0.85em;
	margin-bottom: 10px;
}

#personal_picture {
	display: block;
	margin-bottom: 0.3em;
}

#avatar_server_stored div {
	float: left;
}

#avatar_upload {
	overflow: auto;
}

#main_admsection #basicinfo,
#main_admsection #detailedinfo {
	width: 100%;
}

#main_admsection #basicinfo h4 {
	float: left;
	width: 35%;
}

#main_admsection #basicinfo img.avatar {
	float: right;
	vertical-align: top;
}

#main_admsection #basicinfo ul {
	clear: left;
}

#main_admsection #basicinfo span#userstatus {
	clear: left;
}

#main_admsection #basicinfo p#infolinks {
	display: none;
	clear: both;
}

#main_admsection #basicinfo .botslice {
	clear: both;
}

/* Simple feedback messages */
div#profile_error,
div#profile_success {
	margin: 0 0 1em 0;
	padding: 1em 2em;
	border: 1px solid;
}

div#profile_error {
	border-color: red;
	color: red;
	background: #fee;
}

div#profile_error span {
	text-decoration: underline;
}

div#profile_success {
	border-color: green;
	color: green;
	background: #efe;
}

/* Profile statistics */
#generalstats div.content dt {
	width: 50%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	clear: both;
}

#generalstats div.content dd {
	width: 50%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
}

/* Activity by time */
#activitytime {
	margin: 6px 0;
}

.activity_stats {
	margin: 0;
	padding: 0;
	list-style: none;
}

.activity_stats li {
	margin: 0;
	padding: 0;
	width: 4.16%;
	float: left;
}

.activity_stats li span {
	display: block;
	border: solid #000;
	border-width: 1px 1px 0 0;
	text-align: center;
}

.activity_stats li.last span {
	border-right: none;
}

.activity_stats li div.bar {
	margin: 0 auto;
	width: 15px;
}

.activity_stats li div.bar div {
	background: #6294CE;
}

.activity_stats li div.bar span {
	position: absolute;
	top: -1000em;
	left: -1000em;
}

/* Most popular boards by posts and activity */
#popularposts {
	width: 49.5%;
	float: left;
}

#popularactivity {
	width: 49.5%;
	float: right;
}

#popularposts div.content dt,
#popularactivity div.content dt {
	width: 65%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	clear: both;
}

#popularposts div.content dd,
#popularactivity div.content dd {
	width: 35%;
	float: left;
	margin: 0 0 3px 0;
	padding: 0;
}

.profile_pie {
	background-image: url(../images/stats_pie.png);
	float: left;
	height: 20px;
	width: 20px;
	margin: 0 1em 0 0;
	padding: 0;
	text-indent: -1000em;
}

/* View posts */
.topic .time {
	float: right;
}

.counter {
	margin: 0 0 0 0;
	padding: 0.2em 0.5em 0.1em 0.2em;
	font-size: 2.2em;
	font-weight: bold;
	color: #3f3f3f;
	float: left;
}

.list_posts {
	border-top: 2px solid #b3b3bf;
	padding-top: 12px;
	margin-top: 6px;
	overflow: auto;
}

.core_posts {
	margin-bottom: 3px;
}

.topic h4 {
	margin: 3px 0;
}

.topic .post {
	margin: 0 1em;
	min-height: 80px;
	height: auto !important;
	height: 80px;
}

.topic .mod_icons {
	text-align: right;
	margin-right: 1em;
}

#tracking div.content dl {
	border-bottom: 0;
	margin: 0;
	padding: 0;
}

#creator dl {
	margin: 0;
}

#creator dt {
	width: 40%;
	float: left;
	clear: both;
	margin: 0 0 10px 0;
}

#creator dd {
	float: right;
	width: 55%;
	margin: 0 0 10px 2px;
	overflow: auto;
}

.ignoreboards {
	margin: 0 2%;
	padding: 0;
	width: 45%;
}

.ignoreboards a {
	font-weight: bold;
	border-bottom: 1px solid #c4c4c4;
	padding: 0.1em 0;
}

.ignoreboards a:hover {
	text-decoration: none;
	border-bottom: 1px solid #334466;
}

.ignoreboards ul {
	margin: 0;
	padding: 0;
}

.ignoreboards li {
	list-style: none;
	float: left;
	clear: both;
}

.ignoreboards li.category {
	margin: 0.7em 0 0 0;
	width: 100%;
}

.ignoreboards li ul {
	margin: 0.2em 0 0 0;
}

.ignoreboards li.category ul li.board {
	width: 93%;
}

#theme_settings {
	overflow: auto;
	margin: 0;
	padding: 0;
}

#theme_settings li {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

/* Paid Subscriptions */
#paid_subscription {
	width: 100%;
}

#paid_subscription dl.settings {
	margin-bottom: 0;
}

#paid_subscription dl.settings dd,
#paid_subscription dl.settings dt {
	margin-bottom: 4px;
}

/* Pick theme */
#pick_theme {
	width: 100%;
	float: left;
}

/*Issue a warning*/
#warn_body {
	width: 80%;
	font-size: 0.9em;
}

/* Styles for the statistics center.
------------------------------------------------- */
#statistics {
	padding: 0.5em 0;
}

#statistics div.title_bar {
	margin: 4px 0 -2px 0;
}

#statistics h3.catbg {
	text-align: center;
}

#statistics div.content {
	min-height: 210px;
}

#statistics div.top_row {
	min-height: 150px;
}

#stats_left,
#top_posters,
#top_topics_replies,
#top_topics_starter {
	float: left;
	width: 49.5%;
}

#stats_right,
#top_boards,
#top_topics_views,
#most_online {
	float: right;
	width: 49.5%;
}

dl.stats {
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

dl.stats dt {
	width: 49%;
	float: left;
	margin: 0 0 4px 0;
	line-height: 16px;
	padding: 0;
	clear: both;
	font-size: 1em;
}

dl.stats dd {
	text-align: right;
	width: 50%;
	font-size: 1em;
	float: right;
	margin: 0 0 4px 0;
	line-height: 16px;
	padding: 0;
}

.statsbar div.bar {
	float: left;
	background: url(../images/bar_stats.png) no-repeat;
	display: block;
	margin: 0 4px;
	height: 16px;
}

.statsbar div.bar div {
	position: relative;
	right: -4px;
	padding: 0 4px 0 0;
	background: url(../images/bar_stats.png) no-repeat 100%;
	height: 16px;
}

tr.windowbg2 th.stats_month {
	width: 25%;
	padding: 0 2em;
	text-align: left;
}

tr.windowbg2 td.stats_day {
	padding: 0 3.5em;
	text-align: left;
}

/* Styles for the personal messages section.
------------------------------------------------- */

#personal_messages h3 span#author,
#personal_messages h3 span#topic_title {
	float: left;
}

#personal_messages h3 span#author {
	margin: 0 0 0 0.5em;
}

#personal_messages h3 span#topic_title {
	margin: 0 0 0 9em;
}

#personal_messages div.labels {
	padding: 0 1em 0 0;
}

#personal_messages .capacity_bar {
	background: #f0f4f7;
	display: block;
	margin: 0.5em 0 0 1em;
	height: 1em;
	border: 1px solid #adadad;
	width: 10em;
}

#personal_messages .capacity_bar span {
	border-right: 1px solid #adadad;
	display: block;
	height: 1em;
}

#personal_messages .capacity_bar span.empty {
	background: #a6d69d;
}

#personal_messages .capacity_bar span.filled {
	background: #eea800;
}

#personal_messages .capacity_bar span.full {
	background: #f10909;
}

#personal_messages .reportlinks {
	padding: 0.5em 1.3em;
}

#searchLabelsExpand li {
	padding: 0.3em 0.5em;
}

#manrules div.righttext {
	padding: 0.3em 0.1em;
}

dl.addrules dt.floatleft {
	width: 15em;
	color: #333;
	padding: 0 1.25em 0.5em 1.25em;
}

#addrule fieldset {
	clear: both;
}

/* Styles for the calendar section.
------------------------------------------------- */
.calendar_table {
	margin-bottom: 0.7em;
}

/* Used to indicate the current day in the grid. */
.calendar_today {
	background-color: #fff;
}

#month_grid {
	width: 200px;
	text-align: center;
	float: left;
}

#month_grid div.cat_bar {
	height: 25px;
}

#month_grid h3.catbg {
	height: 25px;
	line-height: 27px;
}

#month_grid table {
	width: 200px;
}

#main_grid table {
	width: 100%;
	padding-bottom: 4px;
}

#main_grid table h3.catbg {
	text-align: center;
	height: 29px;
	border-top: 2px solid #fff;
	border-bottom: none;
}

#main_grid table.weeklist td.windowbg {
	text-align: center;
	height: 49px;
	width: 25px;
	font-size: large;
	padding: 0 7px;
	border-bottom: 2px solid #fff;
}

#main_grid table.weeklist td.weekdays {
	height: 49px;
	width: 100%;
	padding: 4px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 2px solid #fff;
}

#main_grid h3.weekly {
	text-align: center;
	padding-left: 0;
	font-size: large;
	height: 29px;
}

#main_grid h3 span.floatleft,
#main_grid h3 span.floatright {
	display: block;
	font-weight: bold;
}

#main_grid table th.days {
	width: 14%;
	padding: 4px 0;
}

#main_grid table.weeklist h4.titlebg {
	margin: 0 0 0 0;
	height: 23px;
	line-height: 27px;
}

#main_grid table td.weeks {
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	font-size: large;
}

#main_grid table td.days {
	vertical-align: top;
	text-align: center;
}

a.modify_event {
	color: red;
}

span.hidelink {
	font-style: italic;
}

#calendar_navigation {
	text-align: center;
}

/* Styles for the memberlist section.
------------------------------------------------- */
#mlist_search {
	margin: auto;
	width: 500px;
}

/* Styles for the basic search section.
------------------------------------------------- */
#searchform,
#simple_search p {
	padding: 0.5em;
	margin: 0;
}

#simple_search,
#simple_search p,
#advanced_search {
	text-align: center !important;
	margin: 0;
}

#search_error {
	font-style: italic;
	padding: 0.3em 1em;
}

#search_term_input {
	font-size: 115%;
	margin: 0 0 1em;
}

/* Styles for the advanced search section.
------------------------------------------------- */
#searchform fieldset {
	text-align: left;
	padding: 0;
	border: none;
}

#advanced_search dl#search_options {
	margin: 0 auto;
	width: 600px;
	padding-top: 1em;
	overflow: hidden;
}

#advanced_search dt {
	clear: both;
	float: left;
	padding: 0.2em;
	text-align: right;
	width: 20%;
}

#advanced_search dd {
	width: 75%;
	float: left;
	padding: 0.2em;
	margin: 0 0 0 0.5em;
	text-align: left;
}

#searchform p.clear {
	clear: both;
}

/* Styles for the search results page.
------------------------------------------------- */
.topic_table td blockquote,
.topic_table td .quoteheader {
	margin: 0.5em;
}

.search_results_posts {
	overflow: hidden;
}

.search_results_posts .buttons {
	padding: 5px 1em 0 0;
}

/* Styles for the help section.
------------------------------------------------- */

#help_container {
	margin: 4px 0 0 0;
	padding: 0 0 8px 0;
}

#helpmain {
	padding: 0 1em;
}

#helpmain p {
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
}

#helpmain ul {
	line-height: 1.5em;
}

/* Styles for print media.
------------------------------------------------------- */
@media print {
	#headerarea {
		display: none;
	}

	.tborder {
		border: none;
	}
}

#header {
	background: url(../images/custom/actual.jpg) 50% 0 repeat;
	background-size: cover;
}

#header .overlay {
	background: rgba(0, 0, 0, .25);
	opacity: 0.96;
	filter: alpha(opacity=96);
	box-shadow: inset 0rem 0rem 18rem -0.1rem rgba(0, 0, 0, 0.40);
	width: 100%;
	height: 100%;
}

#logo {
	padding: 0px 0;
}

#logo a {
	background: url(../images/custom/logo.png) 50% 0 no-repeat;
	display: block;
	width: 150px;
	height: 150px;
}

#ust {
	background: linear-gradient(to bottom, #242424, #3B3B3B, #525252);
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
}

#notices {
	padding: 25px 0;
	overflow: hidden;
}

#board-notice strong,
#board-notice a {
	float: left;
	background: rgba(255, 255, 255, 0.8);
	padding: 8px;
	margin-right: 1px;
	color: #CB4C03;
	text-decoration: none;
}

#board-notice span {
	background: #474747;
	color: #fff;
	padding: 2px 6px;
	font-weight: bold;
}

#board-notice a:hover span {
	color: #90BD4F;
}

#toolbar {
	height: 50px;
	background: #f4f4f4;
	border-bottom: 1px solid #eaeaea;
}


#main-content {
	padding: 20px;
	background: #161a20 !important;
	/* BURASI KOYU OLDU */
	border-bottom: 6px solid #2a2f38;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
	margin-bottom: 20px;
}

#footer {
	padding: 30px 0;
	/* margin-top: 12px; */
	color: #888;
	overflow: hidden;
}

#footer .wrapper {
	position: relative;
}

#footer .smf-copyright {
	text-align: center;
}

#footer .wp-copyright {
	float: right;
	text-align: right;
}

#footer p {
	color: #6a6a6a;
}

#footer,
#footer a {
	font-family: Tahoma, sans-serif;
	font-size: 12px;
}

#footer a,
.wp-copyright>span {
	color: #ccc;
}

#footer a:hover {
	color: #c6c6c6;
}

.table_list {
	border-collapse: collapse;
	border-spacing: 0;
}

.table_list .content td,
.table_grid tbody td,
#forumposts .windowbg,
#forumposts .windowbg2 {
	/* border: 1px solid #DBDBDB; */
}

.table_list .divider td {
	height: 15px;
}

.table_list .section-header td,
.table_grid .section-header th {
	background: #444;
	line-height: 30px;
	padding: 0 8px;
}

.table_list .section-header td,
.table_grid .section-header th,
.table_grid .section-header a,
.calendar_table tr th {
	font-size: 11px;
	color: #90BD4F;
	font-weight: normal;
}

.table_list .content .info a.subject:hover,
.table_grid .subject-title a:hover {
	color: #577D16;
}

.table_list .icon img {
	vertical-align: middle;
}

.table_list .stats,
.table_list .lastpost {
	font-size: 11px;
}

.table_list .stats span,
.table_list .lastpost span,
.table_list .info,
.infocenter {
	font-size: 12px;
}

.table_list .stats span {
	color: #E6EDF3;
}

.mark_read {
	overflow: hidden;
	margin-bottom: 15px;
}

.mark_read .buttonlist ul {
	padding: 0;
	margin: 0;
}

.table_grid .icon2 {
	width: 6%;
}

.table_grid .subject-title a {
	font-size: 13px;
	color: #595959;
}

.table_grid .lastpost {
	text-align: left;
}

.table_grid .stats {
	text-align: center;
}

.table_grid .stats,
.table_grid .lastpost,
.table_grid .subject {
	font-size: 11px;
}

.table_grid .stats span,
.table_grid .lastpost span {
	font-size: 12px;
	color: #E6EDF3;
}

#topic_icons .description,
.plainbox {
	background: #0b0f14;
	border: 1px solid #5f5f5f;
	color: #fff;
}

#forumposts .windowbg,
#forumposts .windowbg2 {
	margin-bottom: 15px;
	background: #FAFAFA;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	/* border-top: 1px solid #DBDBDB; */
	border-bottom: 1px solid #DBDBDB;
}

#searchform h4.titlebg strong {
	font-weight: normal;
}

#toolbar .greeting {
	color: #404040;
	float: left;
	padding: 15px;
	text-shadow: 0 2px 0 #e2e0dd;
}

#toolbar .userarea {
	position: relative;
	height: 64px;
	top: 1px;
	background: rgba(0, 0, 0, 0.55);
	border-radius: 10px;

}


#header {
	height: 220px;
}

#header #ust {
	width: 100%;

}

#header #ust .navbar {
	margin-bottom: 0;

}

#header #ust .navbar-nav>li>a {
	line-height: 1px;
	border-radius: 36px;
}

#header #ust .navbar-nav>li>a {
	font-size: 16px;
	padding-bottom: 20px;
	padding-top: 20px;

}

#header #ust .navbar-default .navbar-nav>li>a {
	color: #f5f5f5;
}

#header #ust .navbar-default {
	background: rgba(0, 0, 0, 0);
	border-radius: 0px;
	border: medium none;
}

#header #ust .navbar-default .navbar-nav>.active>a,
#header #ust .navbar-default .navbar-nav>.active>a:focus,
#header #ust .navbar-default .navbar-nav>.active>a:hover,
#header #ust .navbar-default .navbar-nav>li>a:hover {
	background: #fff;
	/* border-bottom: 4px solid #525252; */
}

#header #ust .navbar-default .navbar-nav>.open>a,
#header #ust .navbar-default .navbar-nav>.open>a:focus,
#header #ust .navbar-default .navbar-nav>.open>a:hover {
	background: transparent;
	border-bottom: 4px solid #525252;
}

#header #ust .navbar-default .navbar-nav>li:hover>a {
	/* border-bottom: 4px solid #f5f5f5; */
	background: #0cafe0;
}

#header #ust .navbar-default .navbar-collapse,
#header #ust .navbar-default .navbar-form {
	border-color: transparent;
}

#bottombar {
	background: #ebedf0 none repeat scroll 0 0;
	border-bottom: 1px solid #e4e6e9;
	margin-top: -30px;
	min-height: 60px;
	text-align: left;
	margin-bottom: 20px;
}

a.username {
	display: inline-flex;
	align-items: center;
	padding: 8px 14px;
	background: rgba(0, 0, 0, 0.65);
	border-radius: 12px;
	text-decoration: none;
}

/* PP */
a.username .avatar-top {
	width: 75px;
	height: 75px;
	border-radius: 10px;
	border: 2px solid #00e0ff;
	box-shadow: 0 0 12px rgba(0, 224, 255, 0.9);
}

/* Nick */
a.username {
	font-size: 15px;
	font-weight: bold;
	color: #fff !important;
	text-shadow: 0 0 8px rgba(0, 224, 255, 0.9);
	white-space: nowrap;
	position: absolute;
	right: 40px;
	bottom: 40px;
	z-index: 9999;
	background: none !important;
	padding: 0 !important;
}

/* Uzun nick taşmasın */
a.username {
	max-width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
}

a.username .avatar-top {
	padding: 8px;
	background: rgba(0, 0, 0, 0.65);
	border-radius: 100px;
	display: inline-block;
	margin-right: 10px;

}

.lastpost .avatar {
	float: left;
	width: 39px;
	height: 39px;
	border: 1px solid #ccc;
	border-radius: 50%;
	margin-left: -45px;
	margin-top: 2px;
	opacity: 0.9;
}

#navbar_alt {
	padding: 9px 10px;
	background: #B0B0B0;
	position: relative;
	font-size: 12px;
	width: 100%;
	text-transform: uppercase;
	/* height: 52px; */
	border-bottom: 1px solid #ddd;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;

}

@media (min-width: 1200px) {
	.uk-padding {
		padding: 0px;
		background-position: 50% 28%;
		background-size: cover;
		background-repeat: no-repeat;
		box-shadow: 5px 16px 12px -7px rgba(0, 0, 0, 0.75);
		-moz-box-shadow: 5px 16px 12px -7px rgba(0, 0, 0, 0.75);
		-webkit-box-shadow: 5px 16px 12px -7px rgba(0, 0, 0, 0.75);
	}
}

#forumposts .post_wrapper,
#personal_messages div.windowbg,
#personal_messages div.windowbg2,
#main_admsection .topic>.windowbg,
#main_admsection .topic>.windowbg2 {
	overflow: hidden;
	padding: 15px 0;
	margin-bottom: 15px;
}

.en_boy {
	padding: 5px;
	background: #F5F5F5;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	border-top: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
}

.table_list>.content>tr {
	border-bottom: 1px solid #dff0d8;
}

#board-notice {
	text-align: right;
	font-size: 13px;
	height: 12px;
	line-height: 65px;
}

.nodeIcon.hasGlyph {
	text-align: center;
	background-color: transparent;
	background: none;
	font-size: 16px;
	color: rgb(254, 254, 254);
	background-color: #394550;
	border: 2px solid rgb(18, 147, 98);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	background-image: none !important;
	/* line-height: 13px; */
	left: 3px;
}

.nodeIcon {
	margin: 0px -1px 0 0;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	width: 36px;
	height: 36px;
	max-width: 48px;
	max-height: 48px;
	padding-top: 6px;
}

.nodeIcon .fa {
	font-size: 16px;
	color: rgb(255, 255, 255);
	text-decoration: none;
	margin-left: 0px;
}

.nodeIcon img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	overflow: hidden;
}

/* Onof states.
------------------------------------------------------- */
.forum-stats-threads,
.forum-stats-posts {
	background-color: #eee;
	padding: 0 8px 0 40px;
	height: 32px;
	line-height: 32px;
	/* min-width: 43px; */
	display: block;
	position: relative;
	text-align: center;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.forum-stats-threads:before,
.forum-stats-posts:before {
	background-color: #E0E0E0;
	position: absolute;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	height: 32px;
	width: 32px;
	left: 0;
	top: 0;
	text-align: center;
	line-height: 32px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
}

.forum-stats-threads:before {
	content: "\f040";
}

.forum-stats-posts:before {
	content: "\f086";
}

.forum-status {
	height: 20px;
	width: 20px;
	display: block;
	position: relative;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.32);
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.new_none {
	background-color: #2196F3;
}

.new_redirect {
	background-color: #4CAF50;
}

.new_some {
	background-color: #FF9800;
}

.forum-status:before {
	content: "\f0e6";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 12px;
	text-rendering: auto;
	top: 50%;
	left: 50%;
	margin-left: -6px;
	margin-top: -6px;
	position: absolute;
}

.forum_legend dd {
	float: left;
	line-height: 22px;
	padding: 0 4px;
}

.forum_legend,
.forum_legend dt,
.forum_legend dd {
	margin: 0;
}

.forum_legend dt {
	margin-right: 2px;
	float: left;
}

.online_users {
	border: 2px solid rgb(217, 129, 0);
}

.online_users:before {
	content: "\f007";
	left: calc(50% - 5.86px);
}

.forum_stats {
	border: 2px solid rgb(217, 129, 0);
}

.forum_stats:before {
	content: "\f200";
	left: calc(50% - 6.86px);
}

.recent_posts {
	border: 2px solid rgb(217, 129, 0);
}

.recent_posts:before {
	content: "\f0ac";
	left: calc(50% - 6.86px);
}

.recent_posts:before,
.online_users:before,
.forum_stats:before {
	position: absolute;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 16px;
	text-rendering: auto;
	color: rgb(245, 153, 18);
	top: 48%;
	text-indent: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.recent_posts,
.forum_stats,
.online_users {
	height: 24px;
	width: 24px;
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.32);
	-webkit-border-radius: 100%;
	border-radius: 100%;
	margin: 6px 5px -6px 0px;
	line-height: 30px;
}

/*icons*/
.fa-help:before {
	content: "\f059"
}

.fa-admin:before {
	content: "\f0b1"
}

.fa-moderate:before {
	content: "\f085"
}

.fa-profile:before {
	content: "\f007"
}

.span-profiler:before {
	content: "\f007"
}

.fa-pm:before {
	content: "\f0e0"
}

.fa-mlist:before,
.fa-view_all_members:before {
	content: "\f0c0"
}

.fa-mlist_search:before {
	content: "\f002";
}

.fa-logout:before {
	content: "\f08b"
}

.fa-register:before {
	content: "\f040"
}

.fa-login:before {
	content: "\f007"
}

.fa-add_poll:before {
	content: "\f0ae"
}

.fa-new_poll:before {
	content: "\f0ae"
}

.fa-notify:before {
	content: "\f0f3"
}

.fa-unnotify:before {
	content: "\f0a2"
}

.fa-mark_unread:before {
	content: "\f00c"
}

.fa-mark_as_read:before {
	content: "\f00c"
}

.fa-send_topic:before {
	content: "\f0e0"
}

.fa-mark_read_short:before {
	content: "\f00c"
}

.fa-new_topic:before {
	content: "\f040"
}

.fa-move_topic:before {
	content: "\f07c"
}

.fa-remove_topic:before {
	content: "\f014"
}

.fa-set_lock:before {
	content: "\f023"
}

.fa-set_sticky:before {
	content: "\f046"
}

.fa-set_nonsticky:before {
	content: "\f046"
}

.fa-merge:before {
	content: "\f0ec"
}

.fa-set_unlock:before {
	content: "\f09c"
}

.fa-poll_lock:before {
	content: "\f023";
}

.fa-poll_edit:before {
	content: "\f044";
}

.fa-poll_remove:before {
	content: "\f00d";
}

.fa-calendar_link:before {
	content: "\f073";
}

.fa-calendar_post_event:before {
	content: "\f067";
}

/* ========= ARISA RP PROFILE COVER ========= */
.arisa-profile-cover {
	position: relative;
	height: 175px;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 14px;
	background-size: cover;
	background-position: center;
}

.arisa-profile-cover::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .45);
}

.arisa-profile-inner {
	position: relative;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 14px;
}

.arisa-profile-left {
	display: flex;
	gap: 14px;
	align-items: flex-end;
}

.arisa-profile-avatar img {
	width: 110px;
	height: 110px;
	border-radius: 8px;
	object-fit: cover;
	border: 2px solid rgba(255, 255, 255, .15);
}

.arisa-profile-name {
	color: #fff;
	font-size: 20px;
	font-weight: 800;
}

.arisa-profile-rank {
	margin-top: 6px;
	padding: 6px 12px;
	border-radius: 4px;
	background: rgba(200, 0, 0, .7);
	color: #fff;
	font-weight: 900;
}

.arisa-profile-right {
	text-align: right;
	color: #ddd;
}

.arisa-profile-stats {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
	margin-bottom: 8px;
}

.arisa-profile-stats .stat {
	background: rgba(255, 255, 255, .1);
	padding: 5px 10px;
	border-radius: 4px;
}

.arisa-profile-actions a {
	background: rgba(255, 255, 255, .12);
	padding: 6px 10px;
	border-radius: 4px;
	color: white !important;
	text-decoration: none;
	margin-left: 5px;
}

/* ====== ARISA COVER FIX PACK ====== */

/* Kapak yüksekliğini düşür */
.arisa-profile-cover {
	height: 135px !important;
}

/* İç padding'i biraz azalt */
.arisa-profile-inner {
	padding: 12px 14px !important;
}

/* Avatarı küçült */
.arisa-profile-avatar img {
	width: 86px !important;
	height: 86px !important;
	border-radius: 8px !important;
}

/* İsim biraz daha düzgün */
.arisa-profile-name {
	font-size: 18px !important;
	font-weight: 900 !important;
}

/* Rank badge daha şık */
.arisa-profile-rank {
	font-size: 12px !important;
	padding: 5px 10px !important;
	border-radius: 6px !important;
}

/* Sağdaki stat kutularını daha kompakt yap */
.arisa-profile-stats {
	gap: 8px !important;
}

.arisa-profile-stats .stat {
	font-size: 12px !important;
	padding: 5px 8px !important;
	border-radius: 6px !important;
	white-space: nowrap !important;
}

/* Butonları küçült */
.arisa-profile-actions a {
	font-size: 12px !important;
	padding: 6px 9px !important;
	border-radius: 6px !important;
}

/* ===== PROFILE SAYFASI: KAPAK KART GİBİ DURSUN ===== */

/* Kapak alanını biraz daha premium göster */
.arisa-profile-cover {
	border: 1px solid rgba(255, 255, 255, .06) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .35) !important;
}

/* Kapakla içerik arasında boşluk */
.arisa-profile-cover+* {
	margin-top: 10px !important;
}

/* Sol profil menüsü: daha kompakt */
#profile_left,
#profile_menu,
.profile_content_left {
	width: 220px !important;
}

/* Sol menü başlıklarını yumuşat */
#profile_menu .cat_bar,
#profile_left .cat_bar {
	border-radius: 6px !important;
	overflow: hidden;
}

/* Sol menü linkleri daha okunur */
#profile_menu a {
	opacity: .9;
}

#profile_menu a:hover {
	opacity: 1;
}

/* Stat kutuları daha düzgün hizalansın */
.arisa-profile-right {
	min-width: 520px !important;
}

/* Stat kutularını tek satır gibi tut */
.arisa-profile-stats {
	flex-wrap: nowrap !important;
}

/* Butonları statların altına daha düzgün diz */
.arisa-profile-actions {
	display: flex !important;
	justify-content: flex-end !important;
	gap: 8px !important;
}

.arisa-profile-cover {
	height: 125px !important;
}

/* ===== FINAL TOUCH ===== */

/* Sol menüyü biraz daralt */
#profile_left,
.profile_content_left,
#profile_menu {
	width: 200px !important;
}

/* Kapak ile içerik arası boşluk */
.arisa-profile-cover {
	margin-bottom: 18px !important;
}

/* Özet başlığını biraz aşağı al */
#profileview .cat_bar {
	margin-top: 5px !important;
}

/* Profil özet içindeki default avatarı gizle */
#profileview img.avatar,
#profileview .avatar {
	display: none !important;
}

/* Kapak içindeki sağ alanı daha derli toplu yap */
.arisa-profile-right {
	padding-bottom: 2px !important;
}

/* Stat kutuları ile butonların arası */
.arisa-profile-stats {
	margin-bottom: 6px !important;
	align-items: center !important;
}

/* Butonlar biraz daha hizalı dursun */
.arisa-profile-actions a {
	min-width: 64px !important;
	text-align: center !important;
}

/* Kapak sonrası boşluğu azalt */
.arisa-profile-cover {
	margin-bottom: 10px !important;
}

/* Özet başlığını kapağa çok yapıştırmadan sıkılaştır */
#profileview .cat_bar {
	margin-top: 6px !important;
}

#profileview .cat_bar {
	background: rgba(255, 255, 255, .06) !important;
	border: 1px solid rgba(255, 255, 255, .06) !important;
	border-radius: 6px !important;
}

/* Özet başlık barını modern yap */
#profileview .cat_bar {
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.05) !important;
	border-radius: 6px !important;
	backdrop-filter: blur(3px);
}

.arisa-profile-rank {
	box-shadow: 0 0 12px rgba(255, 0, 0, 0.45) !important;
}

.arisa-profile-avatar img {
	box-shadow: 0 0 0 3px rgba(0, 255, 255, 0.15),
		0 0 12px rgba(0, 255, 255, 0.25) !important;
}

.arisa-profile-rank:hover {
	box-shadow: 0 0 20px rgba(255, 0, 0, 0.7);
	transition: 0.2s;
}

.arisa-profile-cover {
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.arisa-profile-actions {
	text-align: right;
}

.arisa-profile-rank {
	box-shadow: 0 0 10px rgba(255, 0, 0, 0.6);
}

.arisa-profile-name {
	backdrop-filter: blur(3px);
}

.arisa-profile-avatar img:hover {
	transform: scale(1.05);
	transition: 0.2s;
}


.textarea {
	border-radius: 5px !important;
}

/* Breadcrumb bar */
.navigate_section,
#navigate_section {
	background: rgba(0, 0, 0, .35) !important;
	/* gri yerine koyu şeffaf */
	border: 0 !important;
}

/* Breadcrumb yazıları */
.navigate_section a,
.navigate_section li,
.navigate_section,
#navigate_section a,
#navigate_section {
	color: #fff !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

#content_section,
#main_content_section,
#content {
	padding-top: 15px !important;
}

.navigate_section,
#navigate_section {
	margin-bottom: 15px !important;
	border-radius: 12px;
}

/* Login sayfasında breadcrumb barı gizle */
body.action_login .navigate_section,
body.action_login #navigate_section {
	display: none !important;
}

/* Login sayfasında üst gri barı gizle */
body[action="login"] #navbar_alt,
#main-content[action="login"] #navbar_alt {
	display: none !important;
}

.arisa-char-panel {
	margin: 14px 0 20px;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.arisa-char-panel-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
	color: #9fb2c7;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0 4px;
}

.arisa-char-count {
	background: #0CAFE0;
	color: #0b0e12;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 11px;
}

.arisa-char-track {
	display: flex;
	gap: 14px;
	overflow-x: auto;
	padding: 6px 2px 10px;
	scroll-snap-type: x proximity;
}

.arisa-char-track::-webkit-scrollbar {
	height: 6px;
}

.arisa-char-track::-webkit-scrollbar-thumb {
	background: #0CAFE0;
	border-radius: 999px;
}

.arisa-char-card {
	min-width: 860px;
	display: flex;
	align-items: center;
	gap: 16px;
	background: #2a2f36;
	border: 1px solid #3a3f47;
	border-radius: 12px;
	padding: 10px 12px;
	scroll-snap-align: start;
	position: relative;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.4);
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.35));
}

.arisa-char-card::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 12px;
	background: radial-gradient(120% 100% at 0% 0%, rgba(255, 255, 255, 0.08), transparent 60%);
	pointer-events: none;
}

.arisa-char-card>* {
	position: relative;
	z-index: 1;
}

.arisa-char-left {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 240px;
}

.arisa-char-avatar {
	width: 66px;
	height: 66px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #0CAFE0;
	position: relative;
	flex-shrink: 0;
	background: #0f1217;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.35);
}

.arisa-char-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.arisa-char-status {
	position: absolute;
	bottom: 4px;
	right: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #e74c3c;
	box-shadow: 0 0 0 2px #111;
}

.arisa-char-status.online {
	background: #2ecc71;
}

.arisa-char-left-info {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.arisa-char-left-name a {
	display: inline-block;
	background: #3a3f47;
	color: #f5f7fa;
	text-decoration: none;
	font-weight: 700;
	font-size: 12px;
	padding: 6px 10px;
	border-radius: 9px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 170px;
}

.arisa-char-left-name a:hover {
	color: #0CAFE0;
}

.arisa-char-left-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.arisa-char-badge {
	background: #2c323a;
	color: #d5dbe4;
	font-size: 10px;
	padding: 3px 8px;
	border-radius: 999px;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	letter-spacing: 0.5px;
}

.arisa-char-badge:hover {
	color: #0CAFE0;
	text-decoration: none;
}

.arisa-char-social {
	display: grid;
	grid-template-columns: repeat(4, 28px);
	grid-auto-rows: 28px;
	gap: 6px;
	padding: 8px;
	background: #1f242c;
	border: 1px solid #363c45;
	border-radius: 10px;
}

.arisa-char-social-icon {
	width: 28px;
	height: 28px;
	border-radius: 7px;
	background: #2c323a;
	color: #c7d0db;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
}

.arisa-char-social-icon i {
	pointer-events: none;
}

.arisa-char-right {
	margin-left: auto;
	min-width: 280px;
	background: #1b1f26;
	border: 1px solid #363c45;
	border-radius: 10px;
	padding: 8px 10px;
	color: #c4ccd6;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.arisa-char-right-status {
	position: absolute;
	top: 8px;
	right: 10px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #666;
	box-shadow: 0 0 0 2px #111;
}

.arisa-char-right-status.online {
	background: #2ecc71;
}

.arisa-char-right-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.arisa-char-right-name {
	font-weight: 700;
	color: #fff;
	font-size: 13px;
}

.arisa-char-right-level {
	font-size: 11px;
	color: #0CAFE0;
	background: #2b313a;
	padding: 2px 6px;
	border-radius: 8px;
	white-space: nowrap;
}

.arisa-char-right-meta {
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-size: 11px;
	color: #b7c0cc;
	line-height: 1.35;
}

.arisa-char-right-meta span {
	color: #8f98a4;
}

.arisa-char-right-meta a {
	color: #0CAFE0;
	text-decoration: none;
	font-weight: 600;
}

.arisa-char-right-meta a:hover {
	color: #fff;
	text-decoration: underline;
}

@media (max-width: 900px) {
	.arisa-char-card {
		min-width: 680px;
	}

	.arisa-char-right {
		min-width: 240px;
	}

	.arisa-char-social {
		grid-template-columns: repeat(3, 26px);
	}
}

@media (max-width: 640px) {
	.arisa-char-card {
		min-width: 260px;
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.arisa-char-left {
		justify-content: center;
	}

	.arisa-char-right {
		margin-left: 0;
		min-width: 0;
	}

	.arisa-char-social {
		grid-template-columns: repeat(4, 26px);
		justify-content: center;
	}
}

/* ========= ARISA TOPIC STARTER (KONU SAHIBI) ========= */

.arisa-ts-wrap {
	margin: 14px 0 18px;
}

.arisa-ts-card {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	min-height: 150px;
	border-radius: 10px;
	overflow: hidden;
	background-color: #1b2028;
	background-size: cover;
	background-position: center;
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
}

.arisa-ts-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.38) 55%, rgba(0, 0, 0, 0.60) 100%),
		radial-gradient(120% 160% at 0% 0%, rgba(255, 255, 255, 0.10), transparent 55%);
}

.arisa-ts-card>* {
	position: relative;
	z-index: 1;
}

.arisa-ts-left {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	min-width: 360px;
}

.arisa-ts-avatar {
	width: 84px;
	height: 84px;
	border-radius: 10px;
	overflow: hidden;
	border: 2px solid rgba(255, 255, 255, 0.18);
	background: rgba(0, 0, 0, 0.35);
	position: relative;
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.35);
	flex-shrink: 0;
}

.arisa-ts-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.arisa-ts-dot {
	position: absolute;
	right: 6px;
	bottom: 6px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #e74c3c;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.65);
}

.arisa-ts-dot.online {
	background: #2ecc71;
}

.arisa-ts-left-meta {
	min-width: 0;
}

.arisa-ts-name-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.arisa-ts-name {
	display: inline-block;
	padding: 7px 12px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.10);
	border: 1px solid rgba(255, 255, 255, 0.10);
	color: #fff !important;
	text-decoration: none;
	font-weight: 800;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 260px;
	backdrop-filter: blur(2px);
}

.arisa-ts-name:hover {
	color: #0CAFE0 !important;
	text-decoration: none;
}

.arisa-ts-pm {
	width: 32px;
	height: 32px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.10);
	border: 1px solid rgba(255, 255, 255, 0.10);
	color: #fff !important;
	text-decoration: none;
}

.arisa-ts-pm:hover {
	color: #0CAFE0 !important;
	text-decoration: none;
}

.arisa-ts-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
}

.arisa-ts-badge {
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	padding: 4px 9px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.10);
	border: 1px solid rgba(255, 255, 255, 0.10);
	color: #e7eef7;
	white-space: nowrap;
}

.arisa-ts-badge.role {
	background: rgba(12, 175, 224, 0.18);
	border-color: rgba(12, 175, 224, 0.25);
	color: #b9f3ff;
}

.arisa-ts-right {
	padding: 14px 16px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 1;
}

.arisa-ts-info {
	width: 320px;
	max-width: 100%;
	background: rgba(0, 0, 0, 0.45);
	border: 1px solid rgba(255, 255, 255, 0.10);
	border-radius: 10px;
	padding: 10px 12px;
	backdrop-filter: blur(2px);
}

.arisa-ts-info-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 8px;
}

.arisa-ts-info-title {
	font-weight: 800;
	font-size: 13px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.arisa-ts-level {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	padding: 4px 8px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.10);
	color: #0CAFE0;
	font-weight: 900;
	white-space: nowrap;
}

.arisa-ts-level span {
	font-size: 10px;
	color: #c8d2de;
	font-weight: 700;
}

.arisa-ts-info-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px 10px;
}

.arisa-ts-info-grid span {
	display: block;
	color: rgba(255, 255, 255, 0.65);
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	margin-bottom: 2px;
}

.arisa-ts-info-grid strong {
	display: block;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.25;
}

.arisa-ts-info-grid a {
	color: #0CAFE0;
	text-decoration: none;
}

.arisa-ts-info-grid a:hover {
	color: #fff;
	text-decoration: underline;
}

@media (max-width: 640px) {
	.arisa-ts-card {
		flex-direction: column;
		align-items: stretch;
	}

	.arisa-ts-left {
		min-width: 0;
	}

	.arisa-ts-right {
		justify-content: flex-start;
	}

	.arisa-ts-info {
		width: 100%;
	}
}

/* ========= ARISA POST CARD (YAZAR KARTI) ========= */

.arisa-topic-head {
	margin: 12px 0 18px;
	padding: 16px 18px;
	background: rgba(26, 31, 40, 0.95);
	border: 1px solid rgba(255, 255, 255, 0.10);
	border-radius: 10px;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
	position: relative;
}

.arisa-topic-line {
	display: flex;
	align-items: center;
	gap: 12px;
}

.arisa-topic-tag {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.7px;
	text-transform: uppercase;
	color: #ffffff;
	background: #d13a2f;
}

.arisa-topic-title {
	margin: 0;
	font-size: 19px;
	font-weight: 800;
	color: #e6edf3;
	letter-spacing: 0.1px;
}

.arisa-topic-meta {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	font-size: 12px;
	color: #aab4c3;
}

.arisa-topic-meta span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.arisa-topic-author a {
	color: #0CAFE0;
	text-decoration: none;
}

.arisa-topic-author a:hover {
	color: #ffffff;
}

/* Hide default cat bar under custom topic header */
#forumposts .arisa-topic-head+.cat_bar {
	display: none;
}

.arisa-pcard-frame {
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	margin: 14px 0 18px;
}

.arisa-pcard {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 16px;
	border-radius: 12px;
	overflow: hidden;

	min-height: 120px;
	background-color: #3b4047;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
}

/* Topic starter vs reply (structural feel, not just lines) */
.arisa-pcard.arisa-post--starter {
	background-image: none !important;
	background-color: #151b25 !important;
	border-color: rgba(242, 176, 30, 0.55);
	box-shadow: 0 18px 40px rgba(242, 176, 30, 0.18), 0 10px 26px rgba(0, 0, 0, 0.45);
}

.arisa-pcard.arisa-post--starter::after {
	content: "KONU AÇILIŞI";
	position: absolute;
	top: 12px;
	right: 14px;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 10px;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: #ffe7a6;
	background: rgba(242, 176, 30, 0.22);
	border: 1px solid rgba(242, 176, 30, 0.60);
	z-index: 2;
}

.arisa-pcard.arisa-post--starter .arisa-pcard-avatar {
	width: 108px;
	height: 108px;
	border-color: rgba(242, 176, 30, 0.55);
}

.arisa-pcard.arisa-post--starter .arisa-pcard-username a,
.arisa-pcard.arisa-post--starter .arisa-pcard-username span {
	font-size: 16px;
}

.arisa-pcard.arisa-post--reply {
	background-color: #2b2f35;
	border-color: rgba(255, 255, 255, 0.06);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45);
}

.arisa-pcard::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.18) 52%, rgba(0, 0, 0, 0.62) 100%),
		radial-gradient(120% 160% at 0% 0%, rgba(255, 255, 255, 0.10), transparent 55%),
		radial-gradient(120% 120% at 100% 0%, rgba(255, 255, 255, 0.06), transparent 55%);
	pointer-events: none;
}

.arisa-pcard>* {
	position: relative;
	z-index: 1;
}

.arisa-pcard-left {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 260px;
}

.arisa-pcard-avatar {
	width: 96px;
	height: 96px;
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid rgba(255, 255, 255, 0.35);
	background: rgba(0, 0, 0, 0.35);
	position: relative;
	flex-shrink: 0;
	box-shadow:
		0 0 0 5px rgba(0, 0, 0, 0.35),
		0 10px 22px rgba(0, 0, 0, 0.35);
}

.arisa-pcard-avatar::after {
	content: "";
	position: absolute;
	left: 6px;
	bottom: 6px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #e53935;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.45);
}

.arisa-pcard-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.arisa-pcard-dot {
	position: absolute;
	right: 6px;
	bottom: 6px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #e74c3c;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.65);
}

.arisa-pcard-dot.online {
	background: #2ecc71;
}

.arisa-pcard-user {
	min-width: 0;
}

.arisa-pcard-name-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.arisa-pcard-username a,
.arisa-pcard-username span {
	display: inline-block;
	padding: 8px 14px;
	border-radius: 12px;
	background: rgba(120, 120, 120, 0.38);
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: inherit;
	text-decoration: none;
	font-weight: 800;
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 260px;
}

.arisa-pcard-username a:hover {
	color: #0CAFE0 !important;
}

.arisa-pcard-msg {
	width: 34px;
	height: 34px;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(120, 120, 120, 0.34);
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: #fff !important;
	text-decoration: none;
	flex-shrink: 0;
}

.arisa-pcard-msg:hover {
	color: #0CAFE0 !important;
	text-decoration: none;
}

.arisa-pcard-rank {
	margin-top: 6px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border-radius: 12px;
	background: rgba(120, 120, 120, 0.30);
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: #eaeef5;
	font-weight: 900;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.6px;
}

.arisa-pcard-rank i {
	color: #ffcc66;
}

.arisa-pcard-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
}

.arisa-pcard-badge {
	font-size: 9px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	padding: 3px 9px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.10);
	border: 1px solid rgba(255, 255, 255, 0.10);
	color: #e7eef7;
	white-space: nowrap;
}

.arisa-pcard-badge.owner {
	background: rgba(12, 175, 224, 0.20);
	border-color: rgba(12, 175, 224, 0.28);
	color: #b9f3ff;
}

.arisa-pcard-badge.group {
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.18);
	color: #edf3ff;
}

.arisa-pcard-badge.faction {
	background: rgba(12, 175, 224, 0.14);
	border-color: rgba(12, 175, 224, 0.35);
	color: #b9f3ff;
}

.arisa-pcard-social {
	display: grid;
	grid-template-columns: repeat(4, 40px);
	grid-auto-rows: 40px;
	gap: 10px;
	padding: 12px;
	border-radius: 14px;
	background: rgba(0, 0, 0, 0.42);
	border: 1px solid rgba(255, 255, 255, 0.10);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.35);
}

.arisa-pcard-social-icon {
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.10);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #d5dbe4;
	font-size: 16px;
}

.arisa-pcard-char {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border-radius: 14px;
	background: rgba(0, 0, 0, 0.55);
	border: 1px solid rgba(255, 255, 255, 0.10);
	min-width: 380px;
}

.arisa-pcard-char-portrait {
	width: 74px;
	height: 74px;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.16);
	background: rgba(0, 0, 0, 0.35);
	flex-shrink: 0;
}

.arisa-pcard-char-portrait img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.arisa-pcard-char-body {
	min-width: 0;
	width: 100%;
}

.arisa-pcard-char-head {
	display: flex;
	align-items: center;
	gap: 10px;
}

.arisa-pcard-char-name {
	font-weight: 800;
	font-size: 13px;
	color: #fff;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1;
}

.arisa-pcard-char-name a {
	color: #fff;
	text-decoration: none;
}

.arisa-pcard-char-name a:hover {
	color: #0CAFE0;
	text-decoration: none;
}

.arisa-pcard-char-lv {
	font-size: 12px;
	font-weight: 900;
	color: #0CAFE0;
	white-space: nowrap;
}

.arisa-pcard-char-status {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.35);
	margin-left: auto;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.65);
}

.arisa-pcard-char-status.online {
	background: #2ecc71;
}

.arisa-pcard-char-meta {
	margin-top: 6px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px 10px;
	font-size: 11px;
	color: #c5ceda;
	line-height: 1.25;
}

.arisa-pcard-char-meta span {
	color: rgba(255, 255, 255, 0.65);
}

.arisa-pcard-char-meta b {
	color: #fff;
	font-weight: 700;
}

.arisa-pcard-char-meta a {
	color: #0CAFE0;
	text-decoration: none;
}

.arisa-pcard-char-meta a:hover {
	color: #fff;
	text-decoration: underline;
}

@media (max-width: 900px) {
	.arisa-pcard {
		flex-direction: column;
		align-items: stretch;
	}

	.arisa-pcard-left {
		min-width: 0;
	}

	.arisa-pcard-social {
		justify-content: center;
		grid-template-columns: repeat(4, 34px);
		grid-auto-rows: 34px;
	}

	.arisa-pcard-char {
		min-width: 0;
	}
}

@media (max-width: 640px) {
	.arisa-pcard-char-meta {
		grid-template-columns: 1fr;
	}
}

/* Starter post body styling */
.arisa-post .postarea .post .inner,
#forumposts .postarea .post .inner {
	background: rgba(16, 20, 28, 0.88);
	border: 1px solid rgba(120, 150, 180, 0.18);
	border-radius: 12px;
	padding: 14px 16px;
	margin-top: 8px;
	color: #e6edf3;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35);
}

.arisa-post .postarea .post .inner p {
	margin: 0 0 10px;
}

.arisa-post .postarea .post .inner p:last-child {
	margin-bottom: 0;
}

.arisa-post .postarea .post .inner a {
	color: #cfeaff;
	text-decoration: none;
}

.arisa-post .postarea .post .inner a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.arisa-post.arisa-post--starter .post_wrapper {
	background: rgba(12, 18, 28, 0.85);
	border: 1px solid rgba(12, 175, 224, 0.25);
	border-radius: 14px;
	box-shadow: 0 14px 32px rgba(12, 175, 224, 0.08);
}

.arisa-starter-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 14px;
	background: rgba(12, 175, 224, 0.08);
	border-bottom: 1px solid rgba(12, 175, 224, 0.2);
	border-radius: 14px 14px 0 0;
}

.arisa-starter-title {
	font-weight: 800;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--a-accent);
}

.arisa-starter-meta {
	font-size: 12px;
	color: var(--a-text-muted);
}

.arisa-post.arisa-post--starter .postarea .post .inner {
	background: rgba(12, 18, 28, 0.92);
	border-color: rgba(12, 175, 224, 0.32);
	color: var(--a-text);
}

.arisa-post.arisa-post--reply .postarea .post .inner {
	background: rgba(15, 19, 26, 0.9);
	border-color: rgba(120, 150, 180, 0.14);
}

/* --- Arisa UI touchups (pagination, quick reply, avatars) --- */
.pagesection {
	background: rgba(10, 16, 24, 0.7);
	border: 1px solid rgba(120, 150, 180, 0.2);
	border-radius: 8px;
	padding: 8px 10px;
	margin: 10px 0;
}

.pagelinks {
	padding: 0.3em 0;
}

.pagelinks a,
.pagelinks span,
.nextlinks a,
.nextlinks_bottom a {
	display: inline-block;
	background: linear-gradient(180deg, #2f3b4a, #1d2633) !important;
	border: 1px solid #2c3a4d !important;
	color: #e6edf3 !important;
	padding: 3px 8px;
	margin: 0 2px;
	border-radius: 6px;
	text-decoration: none;
	border-bottom: 3px solid #0cafe0 !important;
}

.pagelinks a:hover,
.nextlinks a:hover,
.nextlinks_bottom a:hover {
	background: linear-gradient(180deg, #3a4a5e, #243246) !important;
	border-color: #3a4c63 !important;
}

.pagelinks strong {
	display: inline-block;
	background: linear-gradient(180deg, #384a62, #263447);
	border: 1px solid #43566f;
	color: #fff;
	padding: 3px 8px;
	margin: 0 2px;
	border-radius: 6px;
	border-bottom: 3px solid #0cafe0;
}

#quickreplybox .roundframe {
	background: rgba(10, 16, 24, 0.8);
	border: 1px solid rgba(120, 150, 180, 0.25);
	border-radius: 10px;
}

#quickReplyOptions form textarea {
	background: #0f1722;
	border: 1px solid #2b3a4d;
	color: #e6edf3;
	border-radius: 8px;
	padding: 10px;
}

#quickReplyOptions .righttext.padding .button_submit,
#quickReplyOptions .righttext.padding input.button_submit,
#quickReplyOptions .righttext.padding button.button_submit {
	background: linear-gradient(180deg, #2f3b4a, #1d2633) !important;
	border: 1px solid #3a4c63 !important;
	border-radius: 7px;
	padding: 7px 14px;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	border-bottom: 3px solid #0cafe0 !important;
}

#quickReplyOptions .righttext.padding .button_submit:hover,
#quickReplyOptions .righttext.padding input.button_submit:hover,
#quickReplyOptions .righttext.padding button.button_submit:hover {
	background: linear-gradient(180deg, #3a4a5e, #243246) !important;
	border-color: #4a5f79 !important;
}

.arisa-pcard-avatar img,
.arisa-profile-avatar img,
.lastpost .avatar,
.poster li.avatar img,
.avatar img {
	background: #0f1722;
	border-radius: 8px;
	object-fit: cover;
}

/* --- Unified design language: site-wide polish --- */
.navigate_section,
#navigate_section,
#navbar_alt {
	background: rgba(13, 18, 26, 0.7) !important;
	border: 1px solid rgba(120, 150, 180, 0.2) !important;
	color: #e6edf3 !important;
}

.navigate_section ul li,
.navigate_section ul li a {
	color: #e6edf3 !important;
}

.table_list tbody.content tr,
.table_grid tbody tr {
	background: rgba(20, 26, 34, 0.6);
	border: 1px solid rgba(120, 150, 180, 0.15);
}

.table_list tbody.content tr:hover,
.table_grid tbody tr:hover {
	background: rgba(28, 38, 52, 0.75);
}

/* Unified hover: normal, sticky, locked and all variants share same animation. */
.topic_table .table_grid tbody tr td {
	transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.topic_table .table_grid tbody tr:hover td {
	background: rgba(36, 50, 66, 0.78) !important;
	border-color: rgba(12, 175, 224, 0.25) !important;
	box-shadow: inset 0 0 0 1px rgba(12, 175, 224, 0.08);
	opacity: 1 !important;
}

.table_list tbody.content td,
.table_grid tbody td {
	border-bottom: 1px solid rgba(120, 150, 180, 0.12);
}

.table_list tbody.content td.info a.subject {
	color: #e6edf3;
}

.table_list tbody.content td.info a.subject:hover {
	color: #0cafe0;
}

ul.quickbuttons li a {
	color: #b9c6d6;
}

ul.quickbuttons li a:hover {
	color: #ffffff;
}

.windowbg,
.windowbg2,
.approvebg {
	border-radius: 8px;
}

.arisa-new-link {
	text-decoration: none !important;
	margin-left: 6px;
}

.arisa-ui .arisa-new-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.arisa-new-badge {
	display: inline-block;
	background: linear-gradient(180deg, #0cafe0, #0b7fa6);
	border: 1px solid #0cafe0;
	color: #0b0e12;
	font-weight: 800;
	font-size: 10px;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	padding: 2px 7px;
	border-radius: 999px;
	box-shadow: 0 0 10px rgba(12, 175, 224, 0.35);
}

/* === ARISA 2026 DESIGN SYSTEM (Dark + Blue, Clean) === */
:root {
	--a-bg: #0b0f14;
	--a-surface: #141a22;
	--a-surface-2: #182233;
	--a-surface-3: #1f2a3b;
	--a-border: #253248;
	--a-border-soft: #1d2737;
	--a-text: #e6edf3;
	--a-text-muted: #a6b0bf;
	--a-accent: #0cafe0;
	--a-accent-2: #0a8bb6;
	--a-success: #2ecc71;
	--a-warning: #f5a524;
	--a-danger: #e74c3c;
	--a-radius: 12px;
	--a-radius-sm: 8px;
	--a-shadow: 0 14px 30px rgba(0, 0, 0, 0.35);
	--a-glow: 0 0 16px rgba(12, 175, 224, 0.35);
}

.arisa-ui {
	color: var(--a-text);
	background: var(--a-bg);
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.arisa-ui * {
	box-sizing: border-box;
}

.arisa-ui a {
	color: var(--a-accent);
	text-decoration: none;
}

.arisa-ui a:hover {
	color: #ffffff;
}

body.arisa-ui,
body.arisa-ui #bodyarea,
body.arisa-ui #content_section,
body.arisa-ui #main_content_section {
	background: var(--a-bg) !important;
	color: var(--a-text);
}

.arisa-ui #main-content {
	background: var(--a-surface) !important;
	border: 1px solid var(--a-border);
	border-radius: var(--a-radius);
	box-shadow: var(--a-shadow);
}

.arisa-ui .wrapper {
	width: auto;
	max-width: 100%;
}

.arisa-ui .windowbg,
.arisa-ui .windowbg2,
.arisa-ui .roundframe,
.arisa-ui .content,
.arisa-ui .inner,
.arisa-ui .approvebg {
	background: var(--a-surface) !important;
	color: var(--a-text) !important;
	border-color: var(--a-border) !important;
	border-radius: var(--a-radius-sm);
}

.arisa-ui .titlebg,
.arisa-ui .titlebg2,
.arisa-ui .catbg,
.arisa-ui .catbg2,
.arisa-ui .cat_bar {
	background: var(--a-surface-2) !important;
	color: var(--a-text) !important;
	border-color: var(--a-border);
}

.arisa-ui h1,
.arisa-ui h2,
.arisa-ui h3,
.arisa-ui h4,
.arisa-ui h5,
.arisa-ui h6 {
	color: #ffffff;
}

.arisa-ui hr,
.arisa-ui .hrcolor {
	background: var(--a-border);
}

.arisa-ui #toolbar {
	background: linear-gradient(180deg, #0d131b, #121a25);
	border-bottom: 1px solid var(--a-border);
}

.arisa-ui #toolbar .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.arisa-ui #toolbar .greeting {
	display: flex;
	align-items: center;
	float: none;
	color: var(--a-text);
}

.arisa-ui #toolbar .greeting span {
	color: var(--a-accent);
	font-weight: 700;
}

.arisa-ui #toolbar .userarea {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding: 10px 0;
	background: transparent !important;
	height: auto;
	top: 0;
	float: none;
}

.arisa-ui .arisa-userlink {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--a-text) !important;
}

.arisa-ui .dropdown-menu {
	background: var(--a-surface-2);
	border: 1px solid var(--a-border);
	border-radius: var(--a-radius-sm);
	box-shadow: var(--a-shadow);
}

.arisa-ui .dropdown-menu>li>a {
	color: var(--a-text);
}

.arisa-ui .dropdown-menu>li>a:hover {
	background: var(--a-surface-3);
	color: #ffffff;
}

.arisa-ui #navbar_alt,
.arisa-ui .navigate_section {
	background: rgba(13, 18, 26, 0.85) !important;
	border: 1px solid var(--a-border) !important;
	border-radius: var(--a-radius);
	color: var(--a-text);
}

.arisa-ui .dropmenu a,
.arisa-ui .dropmenu a span {
	color: var(--a-text);
}

.arisa-ui .dropmenu li a.firstlevel:hover,
.arisa-ui .dropmenu li:hover a.firstlevel {
	background: rgba(12, 175, 224, 0.12);
}

.arisa-ui input,
.arisa-ui select,
.arisa-ui textarea,
.arisa-ui button {
	background: #0f1621;
	color: var(--a-text);
	border: 1px solid var(--a-border);
	border-radius: var(--a-radius-sm);
	padding: 6px 8px;
}

.arisa-ui input:focus,
.arisa-ui select:focus,
.arisa-ui textarea:focus,
.arisa-ui button:focus {
	border-color: var(--a-accent);
	box-shadow: var(--a-glow);
}

.arisa-ui .button_submit,
.arisa-ui .button_reset,
.arisa-ui .buttonlist ul li a {
	background: linear-gradient(180deg, #1f2a3b, #141c29) !important;
	border: 1px solid var(--a-border) !important;
	color: var(--a-text) !important;
	border-radius: var(--a-radius-sm);
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.arisa-ui .button_submit:hover,
.arisa-ui .button_reset:hover,
.arisa-ui .buttonlist ul li a:hover {
	background: linear-gradient(180deg, #27344a, #1a2434) !important;
	border-color: var(--a-accent) !important;
}

.arisa-ui .pagesection {
	background: rgba(12, 18, 28, 0.8);
	border: 1px solid var(--a-border);
	border-radius: var(--a-radius);
}

.arisa-ui .pagelinks a,
.arisa-ui .pagelinks span,
.arisa-ui .nextlinks a,
.arisa-ui .nextlinks_bottom a {
	background: #1b2534 !important;
	border: 1px solid var(--a-border) !important;
	color: var(--a-text) !important;
	border-radius: 999px;
}

.arisa-ui .pagelinks strong {
	background: #243145;
	border: 1px solid #32435c;
	color: #ffffff;
	border-radius: 999px;
}

.arisa-ui table.table_list,
.arisa-ui table.table_grid {
	border-collapse: separate;
	border-spacing: 0 8px;
}

.arisa-ui .table_list tbody.content tr,
.arisa-ui .table_grid tbody tr {
	background: var(--a-surface);
	border: 1px solid var(--a-border);
	border-radius: var(--a-radius);
}

.arisa-ui .table_list tbody.content td,
.arisa-ui .table_grid tbody td {
	border-bottom: 0;
}

.arisa-ui .table_list tbody.content td.info a.subject {
	color: var(--a-text);
}

.arisa-ui .table_list tbody.content td.info a.subject:hover {
	color: var(--a-accent);
}

.arisa-ui .description,
.arisa-ui .information,
.arisa-ui .plainbox {
	background: var(--a-surface-2);
	border: 1px solid var(--a-border);
	color: var(--a-text);
	border-radius: var(--a-radius-sm);
}

.arisa-ui #quickreplybox .roundframe {
	background: var(--a-surface);
	border: 1px solid var(--a-border);
}

.arisa-ui .arisa-new-badge {
	background: linear-gradient(180deg, #11c3ff, #0a8bb6);
	border-color: #11c3ff;
	color: #071018;
	box-shadow: 0 0 12px rgba(17, 195, 255, 0.45);
}

.arisa-ui .arisa-register-link {
	color: var(--a-success) !important;
	font-weight: 700 !important;
}

.arisa-ui .arisa-register-link i {
	color: var(--a-success) !important;
}

.arisa-ui .arisa-char-box {
	background: rgba(12, 175, 224, 0.08);
	border: 1px solid var(--a-accent);
	border-radius: 999px;
	padding: 6px 14px;
}

.arisa-ui .arisa-char-box-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--a-text);
	text-decoration: none;
}

.arisa-ui .arisa-char-box-link i {
	font-size: 18px;
	color: var(--a-accent);
}

.arisa-ui .arisa-char-box-text {
	line-height: 1;
}

/* Arisa cards unified */
.arisa-ui .arisa-ts-card,
.arisa-ui .arisa-pcard,
.arisa-ui .arisa-char-card {
	background-color: var(--a-surface);
	border: 1px solid var(--a-border);
	box-shadow: var(--a-shadow);
}

.arisa-ui .arisa-ts-info,
.arisa-ui .arisa-pcard-social,
.arisa-ui .arisa-pcard-char,
.arisa-ui .arisa-char-right {
	background: var(--a-surface-2);
	border: 1px solid var(--a-border);
}

.arisa-ui .arisa-ts-name,
.arisa-ui .arisa-pcard-username a,
.arisa-ui .arisa-char-left-name a {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.08);
	color: #ffffff !important;
}

.arisa-ui .arisa-ts-badge,
.arisa-ui .arisa-pcard-badge,
.arisa-ui .arisa-char-badge {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.08);
	color: var(--a-text-muted);
}

.arisa-ui .arisa-ts-level,
.arisa-ui .arisa-pcard-char-lv,
.arisa-ui .arisa-char-right-level {
	color: var(--a-accent);
}

.arisa-ui .arisa-profile-cover {
	border: 1px solid var(--a-border) !important;
	box-shadow: var(--a-shadow) !important;
}

.arisa-ui .arisa-profile-actions a {
	background: rgba(12, 175, 224, 0.12) !important;
	border: 1px solid rgba(12, 175, 224, 0.25) !important;
}

/* Index stats cards */
.arisa-ui .arisa-stats-row {
	display: flex;
	gap: 20px;
	margin: 10px 0 25px;
	flex-wrap: wrap;
}

.arisa-ui .arisa-stats-card {
	flex: 1;
	min-width: 320px;
	background: var(--a-surface);
	border: 1px solid var(--a-border);
	border-radius: var(--a-radius);
	box-shadow: var(--a-shadow);
	overflow: hidden;
}

.arisa-ui .arisa-stats-header {
	background: var(--a-surface-2);
	padding: 12px;
	text-align: center;
	font-weight: 700;
	color: var(--a-accent);
	border-bottom: 1px solid var(--a-border);
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
}

.arisa-ui .arisa-stats-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
	color: var(--a-text-muted);
	table-layout: fixed;
}

.arisa-ui .arisa-stats-table th {
	padding: 10px;
	background: var(--a-surface-2);
	color: #8fa0b6;
	text-align: left;
	font-size: 10px;
	text-transform: uppercase;
}

.arisa-ui .arisa-stats-table td {
	padding: 0 10px;
	height: 48px;
	border-bottom: 1px solid var(--a-border-soft);
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.arisa-ui .arisa-stats-table tr:hover {
	background: var(--a-surface-2);
}

.arisa-ui .arisa-rank {
	width: 45px;
	font-weight: 700;
	color: #7a8696;
	text-align: center;
	font-size: 14px;
}

.arisa-ui .arisa-lvl {
	color: var(--a-accent);
	font-weight: 700;
}

.arisa-ui .arisa-flag {
	width: 20px;
	margin-right: 10px;
	vertical-align: middle;
	border-radius: 2px;
}

.arisa-ui .arisa-gender-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1.1;
}

.arisa-ui .arisa-gender-icon {
	width: 15px;
	height: 15px;
	margin-bottom: 3px;
}

.arisa-ui .arisa-gender-text {
	font-size: 9px;
	color: #7e8896;
	text-transform: uppercase;
	font-weight: 700;
}

.arisa-ui .arisa-fac-type {
	font-weight: 700;
	font-size: 10px;
	padding: 2px 6px;
	border-radius: 4px;
	text-transform: uppercase;
	border: 1px solid;
}

.arisa-ui .char-name-center {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding-left: 10px;
}

.arisa-ui .arisa-link {
	color: #e6edf3;
	text-decoration: none;
}

.arisa-ui .arisa-link:hover {
	color: var(--a-accent);
	text-decoration: underline;
}

.arisa-ui .nodeIcon,
.arisa-ui .nodeIcon.hasGlyph {
	background: var(--a-surface-2);
	border: 1px solid var(--a-border);
	color: var(--a-accent);
}

.arisa-ui a.username {
	position: static !important;
	right: auto !important;
	bottom: auto !important;
	background: rgba(0, 0, 0, 0.35) !important;
	padding: 6px 10px !important;
	border-radius: var(--a-radius-sm) !important;
	text-shadow: none !important;
	max-width: 260px;
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
}

.arisa-ui a.username .avatar-top {
	width: 42px;
	height: 42px;
	border-radius: 10px;
	border: 1px solid var(--a-accent);
	box-shadow: none;
	padding: 0;
}

/* === Topic starter vs reply (design-only distinction) === */
.arisa-ui .arisa-pcard.arisa-post--starter {
	background-image: none !important;
	background-color: #151b25 !important;
	border: 2px solid var(--a-accent);
	box-shadow: 0 18px 40px rgba(12, 175, 224, 0.18), var(--a-shadow);
}

.arisa-ui .arisa-pcard.arisa-post--reply {
	border: 1px solid var(--a-border);
	box-shadow: var(--a-shadow);
}

.arisa-ui .arisa-pcard.arisa-post--starter::after {
	content: "KONU SAHIBI";
	position: absolute;
	top: 12px;
	right: 14px;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 10px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #071018;
	background: var(--a-accent);
	border: 1px solid var(--a-accent);
	z-index: 2;
}

.arisa-ui .arisa-pcard.arisa-post--reply::after {
	content: "YANIT";
	position: absolute;
	top: 12px;
	right: 14px;
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 10px;
	letter-spacing: 1.1px;
	text-transform: uppercase;
	color: var(--a-text-muted);
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid var(--a-border);
	z-index: 2;
}

.arisa-ui .arisa-post.arisa-post--starter .post_wrapper {
	border-left: 4px solid var(--a-accent);
	padding-left: 12px;
}

.arisa-ui .arisa-post.arisa-post--reply .post_wrapper {
	border-left: 4px solid rgba(255, 255, 255, 0.08);
	padding-left: 12px;
}

/* === Topic Page (simple, forum-standards) === */
.arisa-topic-page {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.arisa-topic-bar {
	padding: 14px 16px;
	border: 1px solid var(--a-border);
	border-radius: var(--a-radius);
	background: var(--a-surface);
	box-shadow: var(--a-shadow);
}

.arisa-topic-title {
	margin: 0 0 4px;
	font-size: 24px;
	font-weight: 700;
	color: var(--a-text);
	letter-spacing: 0.2px;
}

.arisa-topic-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	font-size: 11px;
	color: var(--a-text-muted);
}

.arisa-topic-meta span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.arisa-post-block {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.arisa-post-block .arisa-post {
	border-radius: var(--a-radius);
	overflow: hidden;
}

.arisa-post-block .post_wrapper {
	padding: 12px 16px 16px;
}

.arisa-post-block .postarea .post .inner {
	padding: 12px 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	margin-top: 10px;
}

.arisa-post-block .moderatorbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 16px 14px;
	color: var(--a-text-muted);
}

.arisa-post-block .moderatorbar .reportlinks {
	text-align: right;
}

/* Poll / events spacing */
#poll,
.linked_events {
	padding: 0;
	border: 1px solid var(--a-border);
	border-radius: var(--a-radius);
	background: var(--a-surface);
	box-shadow: var(--a-shadow);
}

#poll .cat_bar,
.linked_events .title_bar {
	border-radius: var(--a-radius) var(--a-radius) 0 0;
}

#poll .windowbg,
.linked_events .windowbg {
	border-radius: 0 0 var(--a-radius) var(--a-radius);
}

/* Pagination spacing */
.pagesection {
	margin: 12px 0;
}

/* === Topic post header layout (structure-only, no color change) === */
.arisa-post-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 10px;
	margin-bottom: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.arisa-post-head-left {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.arisa-post-title {
	min-width: 0;
}

.arisa-post-title h5 {
	margin: 0;
	font-size: 14px;
	line-height: 1.3;
}

.arisa-post-title .smalltext {
	margin-top: 4px;
}

.arisa-post-head-right {
	display: flex;
	align-items: center;
	gap: 10px;
}

.arisa-post-head-right .quickbuttons {
	margin: 0;
	float: none;
}

.arisa-post-head-right .quickbuttons li {
	float: none;
}

.arisa-post-head-right .quickbuttons {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

@media (max-width: 640px) {
	.arisa-post-head {
		flex-direction: column;
		align-items: flex-start;
	}

	.arisa-post-head-right {
		width: 100%;
		justify-content: flex-start;
	}
}

/* ===== ARISA PROFILE V2 ===== */
.arisa-pv2 {
	--pv2-bg: #14171d;
	--pv2-bg-soft: #1b1f26;
	--pv2-bg-mid: #222831;
	--pv2-border: rgba(255, 255, 255, 0.08);
	--pv2-text: #d8dde6;
	--pv2-muted: #97a2b4;
	--pv2-accent: #0cafe0;
	--pv2-online: #2ecf7a;
	margin: 8px 0 16px;
	color: var(--pv2-text);
}

.arisa-pv2 a {
	color: #dfe8f4;
	text-decoration: none;
}

.arisa-pv2-hero {
	position: relative;
	background-color: #141b26;
	background-size: cover;
	background-position: 50% 35%;
	border: 1px solid var(--pv2-border);
	border-radius: 12px;
	padding: 24px;
	overflow: hidden;
	isolation: isolate;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.42);
}

.arisa-pv2-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(120% 100% at 15% 10%, rgba(11, 24, 45, 0.35) 0%, rgba(11, 24, 45, 0) 52%),
		linear-gradient(100deg, rgba(8, 13, 21, 0.88) 0%, rgba(10, 18, 30, 0.62) 52%, rgba(10, 18, 30, 0.30) 100%);
	z-index: 0;
}

.arisa-pv2-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(0deg, rgba(7, 12, 20, 0.50) 0%, rgba(7, 12, 20, 0) 48%),
		repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.022) 0 2px, transparent 2px 8px);
	mix-blend-mode: screen;
	opacity: 0.45;
	pointer-events: none;
	z-index: 0;
}

.arisa-pv2-hero-left,
.arisa-pv2-hero-mark {
	position: relative;
	z-index: 1;
}

.arisa-pv2-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.arisa-pv2-hero-left {
	display: flex;
	align-items: center;
	gap: 18px;
}

.arisa-pv2-avatar-wrap {
	position: relative;
}

.arisa-pv2-avatar img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 999px;
	border: 2px solid rgba(255, 255, 255, 0.18);
	box-shadow: 0 5px 14px rgba(0, 0, 0, 0.45);
}

.arisa-pv2-presence {
	position: absolute;
	right: 8px;
	bottom: 6px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #6f7785;
	border: 2px solid #1a1f26;
}

.arisa-pv2-presence.is-online {
	background: var(--pv2-online);
}

.arisa-pv2-id {
	min-width: 250px;
}

.arisa-pv2-name,
.arisa-pv2-rank {
	background: rgba(14, 17, 22, 0.78);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	padding: 10px 16px;
	max-width: 280px;
}

.arisa-pv2-name {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 8px;
}

.arisa-pv2-rank {
	font-size: 19px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.6px;
}

.arisa-pv2-social {
	margin-top: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.arisa-pv2-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 10px;
	background: rgba(14, 17, 22, 0.85);
	border: 1px solid rgba(255, 255, 255, 0.08);
	transition: 0.18s ease;
}

.arisa-pv2-social a:hover {
	color: #fff;
	border-color: rgba(12, 175, 224, 0.7);
	box-shadow: 0 0 0 1px rgba(12, 175, 224, 0.2) inset;
}

.arisa-pv2-hero-mark {
	font-size: 140px;
	font-weight: 900;
	line-height: 1;
	color: rgba(255, 255, 255, 0.18);
	letter-spacing: -6px;
	padding-right: 20px;
	user-select: none;
}

.arisa-pv2-grid {
	display: grid;
	grid-template-columns: 360px 1fr;
	gap: 14px;
	margin-top: 14px;
}

.arisa-pv2-grid.arisa-pv2-grid--single {
	grid-template-columns: 1fr;
}

.arisa-pv2-panel {
	background: var(--pv2-bg-soft);
	border: 1px solid var(--pv2-border);
	border-radius: 10px;
	overflow: hidden;
}

.arisa-pv2-panel-head {
	background: #0e1116;
	border-bottom: 1px solid var(--pv2-border);
	padding: 11px 14px;
	font-size: 21px;
	font-weight: 700;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.arisa-pv2-panel-head span {
	font-size: 12px;
	font-weight: 600;
	color: var(--pv2-muted);
}

.arisa-pv2-side {
	display: grid;
	gap: 12px;
	align-content: start;
}

.arisa-pv2-side-btn {
	display: block;
	padding: 13px 15px;
	border-radius: 10px;
	background: var(--pv2-bg-mid);
	border: 1px solid var(--pv2-border);
	font-weight: 600;
}

.arisa-pv2-side-btn:hover {
	border-color: rgba(12, 175, 224, 0.45);
}

.arisa-pv2-achievement {
	padding: 16px;
	min-height: 90px;
	display: flex;
	align-items: center;
}

.arisa-pv2-badge {
	padding: 7px 11px;
	background: #0f2531;
	border: 1px solid rgba(12, 175, 224, 0.45);
	color: #9fdcf0;
	font-size: 12px;
	font-weight: 800;
	border-radius: 8px;
}

.arisa-pv2-visitor {
	padding: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.arisa-pv2-visitor-avatar img {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
}

.arisa-pv2-visitor-name {
	font-weight: 700;
}

.arisa-pv2-visitor-date {
	color: var(--pv2-muted);
	font-size: 12px;
}

.arisa-pv2-main {
	display: grid;
	gap: 12px;
}

.arisa-pv2-char-grid {
	padding: 12px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.arisa-pv2-char-card {
	min-height: 92px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.06);
	background: var(--pv2-bg-mid);
	padding: 12px;
}

.arisa-pv2-char-card.is-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	grid-column: 1 / -1;
}

.arisa-pv2-char-user {
	display: flex;
	align-items: center;
	gap: 10px;
}

.arisa-pv2-char-img img {
	width: 54px;
	height: 54px;
	border-radius: 8px;
	object-fit: cover;
}

.arisa-pv2-char-name {
	font-size: 18px;
	font-weight: 800;
}

.arisa-pv2-char-meta {
	font-size: 15px;
	color: #b8c1cf;
}

.arisa-pv2-create,
.arisa-pv2-char-card.is-empty {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #d4dde9;
	font-weight: 700;
}

.arisa-pv2-create {
	padding: 10px 14px;
	border-radius: 10px;
	background: #171b22;
	border: 1px solid rgba(255, 255, 255, 0.09);
}

.arisa-pv2-char-card.is-empty {
	width: 100%;
	height: 100%;
	min-height: 92px;
	border-radius: 10px;
}

.arisa-pv2-history-empty {
	padding: 16px;
	color: var(--pv2-muted);
}

.arisa-pv2-info-grid {
	padding: 14px;
	display: grid;
	grid-template-columns: 190px 1fr;
	gap: 8px 18px;
	font-size: 15px;
}

.arisa-pv2-info-grid>div:nth-child(odd) {
	color: #b6c0cf;
	font-weight: 700;
}

.arisa-pv2-info-grid a {
	color: var(--pv2-accent);
}

@media (max-width: 1200px) {
	.arisa-pv2-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 780px) {
	.arisa-pv2-hero {
		padding: 16px;
	}

	.arisa-pv2-hero-mark {
		display: none;
	}

	.arisa-pv2-avatar img {
		width: 90px;
		height: 90px;
	}

	.arisa-pv2-name,
	.arisa-pv2-rank {
		max-width: 100%;
		font-size: 14px;
	}

	.arisa-pv2-char-grid {
		grid-template-columns: 1fr;
	}

	.arisa-pv2-char-card.is-main {
		flex-direction: column;
		align-items: flex-start;
	}

	.arisa-pv2-info-grid {
		grid-template-columns: 1fr;
		gap: 4px;
	}
}

/* ===== GLOBAL RESPONSIVE FIXES (MENU + PROFILE + ALL PAGES) ===== */
@media (max-width: 1199px) {
	.wrapper {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 10px !important;
	}

	.container {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	#content_section,
	#content_section div.frame {
		background: transparent !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media (max-width: 991px) {
	#header {
		height: auto !important;
		min-height: 0 !important;
	}

	#logo a {
		width: 130px !important;
		height: 90px !important;
	}

	.navbar-collapse {
		max-height: calc(100vh - 80px) !important;
		overflow-y: auto !important;
	}

	.navbar-nav {
		width: 100% !important;
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.navbar-nav>li {
		display: block !important;
	}

	.navbar-nav>li>a {
		justify-content: flex-start !important;
		padding: 13px 14px !important;
		border-bottom-width: 1px !important;
	}

	.arisa-nav-left,
	.arisa-nav-right {
		position: static !important;
		transform: none !important;
		width: 100% !important;
		justify-content: flex-start !important;
		padding: 8px 0 !important;
	}

	.arisa-user-dropdown {
		width: 100%;
	}

	.arisa-user-btn {
		width: 100%;
		justify-content: space-between;
	}

	.arisa-dropdown-menu {
		left: 0 !important;
		right: auto !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	#basicinfo,
	#detailedinfo {
		width: 100% !important;
		float: none !important;
	}
}

@media (max-width: 767px) {
	#main-content {
		padding: 12px !important;
	}

	.table_frame,
	.topic_table,
	#messageindex,
	.table_grid {
		overflow-x: auto !important;
	}

	table.table_list,
	table.table_grid {
		min-width: 680px;
	}

	#profileview,
	.arisa-pv2 {
		overflow-x: hidden;
	}

	.arisa-pv2-hero-left {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.arisa-pv2-id {
		min-width: 0;
	}

	.arisa-pv2-social {
		gap: 6px;
	}

	.arisa-pv2-social a {
		width: 30px;
		height: 30px;
	}

	.arisa-char-panel {
		margin: 10px 0 14px;
	}

	.arisa-char-track {
		padding-bottom: 6px;
	}
}

/* Full-screen off-canvas mobile menu + legend fixes */
@media (max-width: 991px) {

	#header,
	#ust {
		position: relative !important;
		z-index: 2147483640 !important;
	}

	#ust .navbar-header {
		position: relative;
		z-index: 2147483647;
	}

	#ust #navbar.navbar-collapse,
	#ust #navbar.navbar-collapse.in,
	#ust #navbar.navbar-collapse.collapsing {
		position: fixed !important;
		top: 0 !important;
		left: -100% !important;
		width: 100vw !important;
		height: 100vh !important;
		margin: 0 !important;
		padding: 72px 14px 14px !important;
		background: rgba(10, 14, 21, 0.98) !important;
		backdrop-filter: blur(4px);
		overflow-y: auto !important;
		z-index: 2147483646 !important;
		transition: left 0.25s ease !important;
		border-top: 0 !important;
		border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
		box-shadow: 18px 0 40px rgba(0, 0, 0, 0.45) !important;
	}

	#ust #navbar.navbar-collapse.in {
		left: 0 !important;
	}

	#ust #navbar.navbar-collapse::before {
		content: "Menu";
		display: block;
		font-size: 13px;
		font-weight: 800;
		letter-spacing: 0.8px;
		text-transform: uppercase;
		color: #9fb2c7;
		margin: 0 0 10px;
		padding: 0 4px;
	}

	#ust #navbar .navbar-nav {
		gap: 6px !important;
	}

	#ust #navbar .navbar-nav>li>a {
		border-radius: 10px !important;
		border-bottom: 0 !important;
		background: rgba(255, 255, 255, 0.03) !important;
		padding: 12px 13px !important;
	}

	body.arisa-menu-open {
		overflow: hidden;
	}

	body.arisa-menu-open #header #logo,
	body.arisa-menu-open #header .overlay>.container:not(:first-child) {
		opacity: 0 !important;
		pointer-events: none !important;
	}

	body.arisa-menu-open #board-notice,
	body.arisa-menu-open #navbar_alt,
	body.arisa-menu-open .navigate_section,
	body.arisa-menu-open #main-content,
	body.arisa-menu-open #content_section,
	body.arisa-menu-open #main_content_section,
	body.arisa-menu-open #footer {
		position: relative !important;
		z-index: 1 !important;
		opacity: 0.08 !important;
		pointer-events: none !important;
	}

	body.arisa-menu-open .arisa-dropdown-menu,
	body.arisa-menu-open .dropdown-menu {
		display: none !important;
	}

	.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
		transform: translateY(6px) rotate(45deg);
	}

	.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
		opacity: 0;
	}

	.navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
		transform: translateY(-6px) rotate(-45deg);
	}

	.navbar-toggle .icon-bar {
		transition: transform 0.2s ease, opacity 0.2s ease;
	}
}

@media (max-width: 767px) {
	#topic_icons {
		padding: 16px 12px !important;
	}

	.topic-legend {
		padding: 0 !important;
	}

	.topic-legend .legend-items {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
		padding: 0 !important;
	}

	.topic-legend .legend-item {
		padding: 10px 12px !important;
		align-items: flex-start !important;
	}

	.topic-legend .legend-item span {
		white-space: normal !important;
		overflow-wrap: anywhere;
		line-height: 1.35;
	}
}

/* ===== EXTRA MOBILE HARDENING (Homepage + Global) ===== */
@media (max-width: 767px) {

	html,
	body {
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	img,
	video,
	iframe {
		max-width: 100% !important;
		height: auto !important;
	}

	#main-content,
	#content_section,
	#main_content_section,
	#boardindex_table,
	.table_frame {
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	/* Homepage board list: hide wide columns, keep compact readable layout */
	#boardindex_table .table_list {
		width: 100% !important;
		table-layout: auto !important;
	}

	#boardindex_table tbody.content>tr.windowbg2 {
		display: grid !important;
		grid-template-columns: 58px minmax(0, 1fr) !important;
		align-items: start;
	}

	#boardindex_table .table_list td.icon {
		grid-column: 1;
		width: 58px !important;
		padding: 8px 6px !important;
		vertical-align: top !important;
	}

	#boardindex_table .table_list td.info {
		grid-column: 2;
		width: auto !important;
		padding: 8px 10px 8px 6px !important;
		min-width: 0 !important;
	}

	#boardindex_table .table_list td.stats,
	#boardindex_table .table_list td.lastpost {
		display: none !important;
	}

	#boardindex_table .table_list td.info a.subject {
		display: block !important;
		font-size: 18px !important;
		line-height: 1.2 !important;
		white-space: normal !important;
		word-break: normal !important;
	}

	#boardindex_table .table_list td.info p {
		margin-top: 6px !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
		line-height: 1.45 !important;
		font-size: 14px !important;
	}

	#boardindex_table .children {
		padding: 8px !important;
		font-size: 12px !important;
		word-break: break-word;
	}

	/* Homepage top stats cards */
	.arisa-stats-row {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 12px !important;
	}

	.arisa-stats-card {
		min-width: 0 !important;
		width: 100% !important;
	}

	.arisa-stats-table {
		table-layout: fixed !important;
	}

	.arisa-stats-table th,
	.arisa-stats-table td {
		padding: 8px 6px !important;
		font-size: 11px !important;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	/* Info center + generic fixed-width legacy blocks */
	.login,
	.move_topic,
	#maintenance_mode,
	#mlist_search,
	#advanced_search dl#search_options {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	#upshrinkHeaderIC p,
	.roundframe p {
		padding: 12px !important;
	}

	/* Remove previous hard min-width that forced horizontal overflow */
	table.table_list,
	table.table_grid {
		min-width: 0 !important;
	}
}

/* Desktop navbar overflow fix (admin menu + character/user area) */
@media (min-width: 992px) {
	#header {
		height: auto !important;
		min-height: 220px;
	}

	#header #ust .navbar-collapse {
		display: grid !important;
		grid-template-columns: auto minmax(0, 1fr) auto;
		align-items: center !important;
		column-gap: 12px;
	}

	#header #ust .arisa-nav-left {
		position: static !important;
		transform: none !important;
		grid-column: 1;
		white-space: nowrap;
	}

	#header #ust .navbar-nav {
		grid-column: 2;
		width: auto !important;
		margin: 0 !important;
		justify-content: center !important;
		flex-wrap: wrap !important;
		row-gap: 0;
	}

	#header #ust .navbar-nav>li>a {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	#header #ust .arisa-nav-right {
		position: static !important;
		transform: none !important;
		grid-column: 3;
		justify-content: flex-end !important;
		white-space: nowrap;
	}

	#header #ust .arisa-char-btn {
		max-width: 170px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

/* Info center online list readability */
#upshrinkHeaderIC p.inline.smalltext a:not([style]),
.roundframe p.inline.smalltext a:not([style]) {
	color: #0cafe0 !important;
}

/* ===== Profile Hero Redesign (GTA V vibe) ===== */
.arisa-pv2 {
	--hero-accent: #97ff3b;
	--hero-accent-2: #ff5aa8;
	--hero-accent-3: #ffb24a;
	--hero-glass: rgba(12, 14, 24, 0.7);
}

.arisa-pv2 .arisa-pv2-hero {
	min-height: 190px;
	border-radius: 18px;
	border: 1px solid rgba(151, 255, 59, 0.24);
	background-color: #1a1324;
	background-position: 50% 22%;
	background-size: 100% auto;
	background-repeat: no-repeat;
	box-shadow:
		0 24px 48px rgba(0, 0, 0, 0.62),
		inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.arisa-pv2 .arisa-pv2-hero::before {
	display: none;
}

.arisa-pv2 .arisa-pv2-hero::after {
	display: none;
}

.arisa-pv2 .arisa-pv2-avatar img {
	width: 126px;
	height: 126px;
	border: 2px solid rgba(151, 255, 59, 0.55);
	box-shadow:
		0 0 0 8px rgba(8, 10, 16, 0.62),
		0 0 26px rgba(151, 255, 59, 0.24),
		0 0 10px rgba(255, 90, 168, 0.18);
}

.arisa-pv2 .arisa-pv2-name,
.arisa-pv2 .arisa-pv2-rank {
	backdrop-filter: blur(7px);
	background: linear-gradient(180deg, rgba(22, 16, 33, 0.84), rgba(12, 12, 20, 0.7));
	border: 1px solid rgba(151, 255, 59, 0.24);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.arisa-pv2 .arisa-pv2-name {
	font-size: 28px;
	font-weight: 800;
	letter-spacing: 0.3px;
	color: #f9f8ff;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

.arisa-pv2 .arisa-pv2-rank {
	font-size: 14px;
	letter-spacing: 1.2px;
	color: var(--pv2-rank-color, #d9ff9c);
	text-shadow: 0 0 10px rgba(151, 255, 59, 0.22);
}

.arisa-pv2 .arisa-pv2-social a {
	border-radius: 12px;
	background: var(--hero-glass);
	border: 1px solid rgba(255, 90, 168, 0.24);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.arisa-pv2 .arisa-pv2-social a:hover {
	background: rgba(18, 16, 28, 0.94);
	border-color: rgba(151, 255, 59, 0.72);
	box-shadow:
		0 0 0 1px rgba(151, 255, 59, 0.24) inset,
		0 6px 16px rgba(0, 0, 0, 0.55);
}

.arisa-pv2 .arisa-pv2-hero-mark {
	font-size: 150px;
	letter-spacing: -8px;
	color: rgba(230, 255, 191, 0.2);
	text-shadow: 0 10px 34px rgba(0, 0, 0, 0.5);
}

@media (max-width: 780px) {
	.arisa-pv2 .arisa-pv2-hero {
		min-height: 160px;
		border-radius: 14px;
		padding: 14px;
		background-size: cover;
	}

	.arisa-pv2 .arisa-pv2-avatar img {
		width: 92px;
		height: 92px;
	}

	.arisa-pv2 .arisa-pv2-name {
		font-size: 20px;
	}
}

/* ===== HEADER/NAV HOTFIX (legacy override cleanup) ===== */
body.arisa-ui #header {
	height: 220px !important;
	min-height: 220px !important;
	background: url(../images/custom/actual.jpg) 50% 0 repeat !important;
	background-size: cover !important;
	border-bottom: 1px solid rgba(12, 175, 224, 0.15) !important;
}

body.arisa-ui #header .overlay {
	background: rgba(0, 0, 0, 0.25) !important;
	opacity: 0.96 !important;
	filter: alpha(opacity=96) !important;
	box-shadow: inset 0 0 18rem -0.1rem rgba(0, 0, 0, 0.4) !important;
}

body.arisa-ui #ust {
	background: #0d1117 !important;
	border-radius: 0 !important;
}

body.arisa-ui #logo {
	padding: 20px 0 !important;
}

body.arisa-ui #logo a {
	width: 150px !important;
	height: 150px !important;
	background: url(../images/custom/logo.png) 50% 0 no-repeat !important;
	background-size: contain !important;
}

body.arisa-ui #header #ust .navbar {
	margin-bottom: 0 !important;
}

body.arisa-ui #header #ust .navbar-nav>li>a {
	line-height: 1.2 !important;
	padding: 16px 24px !important;
	border-radius: 0 !important;
	font-size: 14px !important;
}

body.arisa-ui #header #ust .navbar-default .navbar-nav>li>a {
	color: #8b949e !important;
}

body.arisa-ui #header #ust .navbar-default .navbar-nav>li:hover>a,
body.arisa-ui #header #ust .navbar-default .navbar-nav>.active>a,
body.arisa-ui #header #ust .navbar-default .navbar-nav>.active>a:hover,
body.arisa-ui #header #ust .navbar-default .navbar-nav>.active>a:focus {
	background: rgba(12, 175, 224, 0.08) !important;
	color: #0cafe0 !important;
	border-bottom-color: #0cafe0 !important;
}

body.arisa-ui #toolbar {
	height: auto !important;
	background: linear-gradient(180deg, #0d131b, #121a25) !important;
	border-bottom: 1px solid #253248 !important;
}

/* Keep left welcome, center menu and right user area on the same baseline (desktop). */
@media (min-width: 992px) {
	body.arisa-ui #header #ust #navbar.navbar-collapse {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
		flex-wrap: nowrap !important;
	}

	body.arisa-ui #header #ust #navbar .arisa-nav-left,
	body.arisa-ui #header #ust #navbar .arisa-nav-right {
		position: static !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		transform: none !important;
		display: flex !important;
		align-items: center !important;
		height: 52px !important;
		padding: 0 !important;
		float: none !important;
		margin: 0 !important;
	}

	body.arisa-ui #header #ust #navbar .arisa-nav-left {
		order: 1 !important;
		flex: 0 0 auto !important;
	}

	body.arisa-ui #header #ust #navbar .navbar-nav {
		order: 2 !important;
		flex: 1 1 auto !important;
		width: auto !important;
		margin: 0 !important;
		justify-content: center !important;
		align-self: stretch !important;
	}

	body.arisa-ui #header #ust #navbar .arisa-nav-right {
		order: 3 !important;
		flex: 0 0 auto !important;
		justify-content: flex-end !important;
	}

	body.arisa-ui #header #ust #navbar .arisa-welcome-text {
		display: inline-flex !important;
		align-items: center !important;
		height: 52px !important;
		line-height: 1 !important;
	}

	body.arisa-ui #header #ust #navbar .navbar-nav>li>a {
		min-height: 52px !important;
		display: flex !important;
		align-items: center !important;
	}
}
/* Mention System */
.mention {
    background-color: #3d6e8e;
    color: #fff !important;
    padding: 1px 4px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9em;
    transition: background-color 0.2s;
}
.mention:hover {
    background-color: #4da3d6;
    text-decoration: none;
}

.arisa-user-banned {
	text-decoration: line-through !important;
	text-decoration-color: #ff5a5a !important;
	text-decoration-thickness: 2px;
	opacity: 0.85;
}

.arisa-pcard-username a.arisa-user-banned,
.arisa-pcard-username span.arisa-user-banned,
.arisa-lastposter.arisa-user-banned {
	text-decoration: line-through !important;
	text-decoration-color: #ff5a5a !important;
	text-decoration-thickness: 2px !important;
}

td.lastpost p a.arisa-lastposter.arisa-user-banned,
.table_list td.lastpost p a.arisa-lastposter.arisa-user-banned,
td.lastpost p span.arisa-lastposter.arisa-user-banned,
.table_list td.lastpost p span.arisa-lastposter.arisa-user-banned {
	text-decoration: line-through !important;
	text-decoration-color: #ff5a5a !important;
	text-decoration-thickness: 2px !important;
}

.arisa-banned-tag {
	display: inline-block;
	margin-left: 6px;
	padding: 1px 6px;
	border: 1px solid #d43838;
	border-radius: 10px;
	background: rgba(212, 56, 56, 0.12);
	color: #ff5a5a;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.35px;
	vertical-align: middle;
}

td.lastpost p .arisa-lastpost-byline,
.table_list td.lastpost p .arisa-lastpost-byline {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	vertical-align: middle;
	max-width: 100%;
}

td.lastpost p .arisa-lastpost-byline .arisa-lastposter,
.table_list td.lastpost p .arisa-lastpost-byline .arisa-lastposter {
	white-space: nowrap;
}

td.lastpost p .arisa-lastpost-byline .arisa-banned-tag,
.table_list td.lastpost p .arisa-lastpost-byline .arisa-banned-tag {
	margin-left: 0;
	flex: 0 0 auto;
}

.arisa-pcard-badge.banned {
	color: #ff6767 !important;
	border-color: #ff6767 !important;
	background: rgba(255, 103, 103, 0.16) !important;
}

/* ===== MessageIndex alignment + status color unification ===== */
.topic_table .table_grid td.icon1,
.topic_table .table_grid td.icon2,
.topic_table .table_grid td.subject,
.topic_table .table_grid td.stats,
.topic_table .table_grid td.lastpost {
	vertical-align: middle !important;
}

.topic_table .table_grid td.subject {
	padding: 12px 14px !important;
}

.topic_table .table_grid td.subject a.subject {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	line-height: 1.24 !important;
}

.topic_table .table_grid td.subject p {
	margin: 4px 0 0 !important;
	line-height: 1.35 !important;
}

/* Stickies: green tone on all cells */
.topic_table .table_grid td.stickybg,
.topic_table .table_grid td.stickybg2 {
	background: linear-gradient(135deg, rgba(46, 204, 113, 0.16) 0%, rgba(46, 204, 113, 0.07) 100%) !important;
	border-left-color: rgba(46, 204, 113, 0.65) !important;
}

/* Locked: red tone on all cells */
.topic_table .table_grid td.lockedbg,
.topic_table .table_grid td.lockedbg2 {
	background: linear-gradient(135deg, rgba(220, 72, 72, 0.18) 0%, rgba(220, 72, 72, 0.08) 100%) !important;
	border-left-color: rgba(220, 72, 72, 0.7) !important;
}

/* Sticky + locked: lock state wins (red) */
.topic_table .table_grid td.locked_sticky,
.topic_table .table_grid td.locked_sticky2 {
	background: linear-gradient(135deg, rgba(220, 72, 72, 0.2) 0%, rgba(220, 72, 72, 0.1) 100%) !important;
	border-left-color: rgba(220, 72, 72, 0.72) !important;
}

.topic_table .table_grid td.stickybg,
.topic_table .table_grid td.stickybg2,
.topic_table .table_grid td.lockedbg,
.topic_table .table_grid td.lockedbg2,
.topic_table .table_grid td.locked_sticky,
.topic_table .table_grid td.locked_sticky2 {
	font-style: normal !important;
	opacity: 1 !important;
}

/* Floating ticket button (global quick access) */
.arisa-float-ticket {
	position: fixed;
	right: 22px;
	bottom: 22px;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	background: linear-gradient(135deg, #0cafe0 0%, #0a8bb6 100%);
	color: #031018 !important;
	border: 1px solid rgba(255, 255, 255, 0.28);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45), 0 0 0 4px rgba(12, 175, 224, 0.2);
	z-index: 2147483000;
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.arisa-float-ticket i {
	font-size: 24px;
	line-height: 1;
}

.arisa-float-ticket:hover {
	transform: translateY(-3px) scale(1.03);
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.55), 0 0 0 6px rgba(12, 175, 224, 0.24);
	filter: brightness(1.06);
}

.arisa-float-ticket:active {
	transform: translateY(-1px) scale(0.98);
}

@media (max-width: 767px) {
	.arisa-float-ticket {
		right: 14px;
		bottom: 14px;
		width: 52px;
		height: 52px;
	}

	.arisa-float-ticket i {
		font-size: 22px;
	}
}

/* Son ileti iconunu Material Symbols ile goster */
.arisa-lastpost-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	vertical-align: middle;
	margin-right: 6px;
}

.arisa-lastpost-icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 2px solid rgba(12, 175, 224, 0.45);
	background: rgba(18, 24, 33, 0.9);
	color: #e6edf3;
	font-size: 22px !important;
	line-height: 1;
	font-variation-settings: "FILL" 0, "wght" 600, "GRAD" 0, "opsz" 20;
	transition: all 0.2s ease;
}

.arisa-lastpost-link:hover .arisa-lastpost-icon {
	color: #0cafe0;
	border-color: rgba(12, 175, 224, 0.9);
	box-shadow: 0 0 10px rgba(12, 175, 224, 0.28);
	transform: translateX(1px);
}

/* Board index: icon/logo must stay same size even when child row (rowspan) exists */
@media (min-width: 768px) {
	#boardindex_table .table_list tbody.content td.icon {
		width: 86px !important;
		min-width: 86px !important;
		text-align: center !important;
		vertical-align: middle !important;
	}

	#boardindex_table .table_list tbody.content td.icon.has-children {
		vertical-align: middle !important;
	}

	#boardindex_table .table_list tbody.content td.icon>a {
		position: relative;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 58px !important;
		height: 58px !important;
		margin: 0 auto !important;
	}

	#boardindex_table .table_list tbody.content td.icon img,
	#boardindex_table .table_list tbody.content td.icon .nodeIcon,
	#boardindex_table .table_list tbody.content td.icon .nodeIcon img {
		width: 52px !important;
		height: 52px !important;
		max-width: 52px !important;
		max-height: 52px !important;
		object-fit: contain !important;
	}

	/* Child boards indicator (only rows that have rowspan => has alt bolum) */
	#boardindex_table .table_list tbody.content td.icon.has-children>a::after {
		content: "subdirectory_arrow_right";
		font-family: "Material Symbols Rounded";
		font-size: 14px;
		line-height: 1;
		position: absolute;
		right: -4px;
		bottom: -2px;
		width: 20px;
		height: 20px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border-radius: 999px;
		color: #071018;
		background: #0cafe0;
		border: 1px solid rgba(255, 255, 255, 0.55);
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
	}
}

/* Son ileti hizalama (MessageIndex) */
.topic_table .table_grid td.lastpost {
	padding: 8px 14px !important;
	text-align: left !important;
	vertical-align: middle !important;
}

.topic_table .table_grid td.lastpost .arisa-lastpost-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
	min-height: 36px;
}

.topic_table .table_grid td.lastpost .arisa-lastpost-link {
	flex: 0 0 36px;
	margin-right: 0;
}

.topic_table .table_grid td.lastpost .arisa-lastpost-meta {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	min-width: 0;
	line-height: 1.25;
}

.topic_table .table_grid td.lastpost .arisa-lastpost-time {
	font-weight: 700;
	white-space: nowrap;
	color: #e6edf3;
}

.topic_table .table_grid td.lastpost .arisa-lastpost-by {
	color: #9fb2c7;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.topic_table .table_grid td.lastpost .arisa-lastpost-by .arisa-lastposter {
	color: inherit !important;
}

/* ===== BoardIndex Option 1: Classic Grid Table ===== */
@media (min-width: 768px) {
	#boardindex_table .table_list {
		border-collapse: collapse !important;
		border-spacing: 0 !important;
	}

	#boardindex_table .table_list tbody.content > tr.windowbg2 > td {
		background: rgba(13, 19, 29, 0.94) !important;
		border-top: 1px solid rgba(65, 88, 116, 0.35) !important;
		border-bottom: 1px solid rgba(65, 88, 116, 0.35) !important;
		border-left: 1px solid rgba(65, 88, 116, 0.26) !important;
		padding: 12px 10px !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		transition: background .16s ease, border-color .16s ease;
	}

	#boardindex_table .table_list tbody.content > tr.windowbg2:nth-child(even) > td {
		background: rgba(16, 24, 36, 0.94) !important;
	}

	#boardindex_table .table_list tbody.content > tr.windowbg2 > td:last-child {
		border-right: 1px solid rgba(65, 88, 116, 0.26) !important;
	}

	#boardindex_table .table_list tbody.content > tr.windowbg2:hover > td {
		background: rgba(18, 27, 40, 0.96) !important;
		border-color: rgba(12, 175, 224, 0.34) !important;
	}

	#boardindex_table .table_list tbody.content > tr.windowbg2 > td.stats,
	#boardindex_table .table_list tbody.content > tr.windowbg2 > td.lastpost {
		border-left: 1px solid rgba(65, 88, 116, 0.35) !important;
	}

	#boardindex_table .table_list td.lastpost .arisa-lastpost-topic,
	#boardindex_table .table_list td.lastpost .arisa-lastpost-topic a {
		display: inline-block !important;
		max-width: 160px !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
		vertical-align: bottom;
	}

	#boardindex_table .table_list tbody.content > tr[id$="_children"] > td.children {
		background: rgba(10, 16, 25, 0.95) !important;
		border: 1px solid rgba(65, 88, 116, 0.26) !important;
		border-top: 0 !important;
		border-radius: 0 !important;
		padding: 10px 14px 10px 86px !important;
		color: #9fb2c7 !important;
	}
}

/* Child boards as mini table rows (instead of inline text list) */
#boardindex_table .arisa-children-table {
	border: 1px solid rgba(65, 88, 116, 0.28);
	background: rgba(9, 15, 24, 0.92);
}

#boardindex_table .arisa-children-head,
#boardindex_table .arisa-child-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 96px;
	align-items: center;
}

#boardindex_table .arisa-children-head {
	background: rgba(18, 29, 44, 0.95);
	border-bottom: 1px solid rgba(65, 88, 116, 0.28);
	color: #a8bdd4;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.6px;
}

#boardindex_table .arisa-child-head-name,
#boardindex_table .arisa-child-head-state,
#boardindex_table .arisa-child-cell {
	padding: 9px 12px;
}

#boardindex_table .arisa-child-head-state,
#boardindex_table .arisa-child-state {
	border-left: 1px solid rgba(65, 88, 116, 0.24);
	text-align: center;
}

#boardindex_table .arisa-child-row {
	text-decoration: none !important;
	color: #d7e7f7 !important;
	border-bottom: 1px solid rgba(65, 88, 116, 0.2);
	background: rgba(13, 20, 31, 0.92);
}

#boardindex_table .arisa-child-row:last-child {
	border-bottom: 0;
}

#boardindex_table .arisa-child-row:hover {
	background: rgba(18, 28, 42, 0.98);
}

#boardindex_table .arisa-child-name {
	font-size: 13px;
	font-weight: 600;
}

#boardindex_table .arisa-child-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #6f7f92;
}

#boardindex_table .arisa-child-row.is-new .arisa-child-name {
	color: #ffffff;
}

#boardindex_table .arisa-child-row.is-redirect .arisa-child-name {
	color: #9fb2c7;
}

@media (max-width: 767px) {
	#boardindex_table .arisa-children-head,
	#boardindex_table .arisa-child-row {
		grid-template-columns: minmax(0, 1fr) 84px;
	}
}

/* BoardIndex desktop column titles (homepage) */
@media (min-width: 768px) {
	#boardindex_table .table_list tbody.header tr.arisa-board-columns td {
		background: rgba(18, 29, 44, 0.95) !important;
		border-top: 0 !important;
		border-bottom: 1px solid rgba(65, 88, 116, 0.35) !important;
		border-left: 1px solid rgba(65, 88, 116, 0.26) !important;
		color: #a8bdd4 !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.6px;
		padding: 10px 12px !important;
	}

	#boardindex_table .table_list tbody.header tr.arisa-board-columns td:last-child {
		border-right: 1px solid rgba(65, 88, 116, 0.26) !important;
	}

	#boardindex_table .table_list tbody.header tr.arisa-board-columns .arisa-col-icon {
		width: 86px;
		min-width: 86px;
		text-align: center;
	}

	#boardindex_table .table_list tbody.header tr.arisa-board-columns .arisa-col-icon .material-symbols-rounded {
		font-size: 18px;
		color: #7ea0c2;
		vertical-align: middle;
	}

	#boardindex_table .table_list tbody.header tr.arisa-board-columns .arisa-col-stats {
		width: 150px;
		text-align: center;
	}

	#boardindex_table .table_list tbody.header tr.arisa-board-columns .arisa-col-last {
		width: 280px;
		text-align: center;
	}
}