/* Theme version: 1.50-alt. */
.profile_button2 {
	display:block;
	font-size:15px;
	font-weight:300;
	text-align:left;
	padding-left:40px !important;
	padding:10px;
	border-radius:0px 50px 50px 0px;
	border-left:2px solid #7686da;
	margin-bottom:10px;
	color:#999 !important;
}

a.profile_button2:hover {
	background:#23242a !important;
	color:#999 !important;
}

.profile_button {
padding:8px;
	display:block !important;
	background:#1e1f24 !important;
	border-radius:50px;
	margin-bottom:5px;
	color:#999 !important;
	font-weight:600;
	box-sizing: border-box;
}

a.profile_button:hover {
	background:#363841 !important;
	color:#999 !important;
}

.forum-thread {
	font-size: 14px;
	font-weight: 600;
}

.title-img {
	margin-top:0px;
	margin-right: 1.5rem;
	float: left;
}

.title-img img {
	height:20px;width:auto;
}

.title-img a:hover {
	color: #9fa8da !important;
}

.pm-square {
	background: #899bf7;
	margin-left: -9px;
	margin-top:13px !important;
	text-align: center;
	line-height: 0px;
	padding:9px 5px;padding-top:10px;
	color: #23242a;
	font-weight:600;
	display: inline-block;
	border-radius: 50px;
	border:2px solid #0f0f10;
}

.pm-square:hover {
    background: #788ae9;
}

a.pm-panel:hover {
	text-decoration: none;
	color: #9fa8da !important;
}

li a.usercp::before,
li a.modcp::before,
li a.admincp::before{
    font-family: "FontAwesome";
	padding-right: 5px;
}

li a.usercp::before {
	content: "\f007";
}

li a.modcp::before {
	content: "\f0e7";
	color: #fcb941;
}

li a.admincp::before {
	content: "\f013";
	color: #e76b6b;
}

.last-never {
	padding-right: 1.5rem;
}

.nav-spacer {
	padding: 0 10px;
}

.pedit--adj {
    top: 76px !important;
}

dl, dt, dd {
	margin: 0;
	padding: 0;
}

dl {
	margin-top: 3px;
	width: 100%;
	clear: both;
	overflow: hidden;
}

dl:last-child {
	margin-bottom: 0;
}

dt {
	max-width: 100%;
	float: left;
}

dd {
	max-width: 100%;
	float: right;
	font-weight: 600;
	text-align: right;
	margin-right: 1px;
}

.showthread-titleBg {	
	padding: 12px 16px 12px 16px;
    box-sizing: border-box;
    width: 100%;
    float: left;
    overflow: hidden;
    vertical-align: middle;
    background: #2c82c9;
    border: 1px solid #2778bb;
    border-radius: 2px;
}

.showthread-titleMain {
	font-size: 15px;
	font-weight: 600;
	color: #23242a;
}

.showthread-titleDesc {
	font-size: 14px;
	color: #78909c;
}

.showthread-paginationBg {
	margin: 5px 0;
	padding: 10px 1px 10px 2px;
    height: 53px;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.forumdisplay-paginationBg {
    padding: 10px 1px 10px 2px;
    margin-bottom: 5px;
    margin-top: 5px;
    height: 53px;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.postbit-mainBg {
	margin-bottom: 13px;
}

.postbit-mainWrap {
	display: table !important;
	table-layout: fixed;
	width: 100% !important;
	word-wrap: break-word;
}

.postbit-leftCol {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 200px;
	background: #fafbfc;
	border-right: 1px solid #e7e6e6;
}

.postbit-rightCol {
	display: table-cell;
	vertical-align: top;
	background: #23242a;
}

.outer-postbit {
    margin: auto auto 5px;
    display: block;
    text-align: center;
}

.postbit_status {
background:#000;
width:10px;
height:10px;
display:inline-block;
border-radius:50%;
}

.postbit_status.online { 
	background: #37b358; 
}

.postbit_status.offline { 
	background: #bdc3c7;
}

.no-bs {
	box-shadow: none;
}

.mpage {
	margin-left: 5px;
}

.mpage a, 
.mpage a:link, 
.mpage a:visited, 
.mpage a:focus {
    background: rgb(249, 251, 253);
    border-radius: 2px;
    font-size: 11px;
    border: 1px solid #0f0f10;
    color: #999 !important;
    padding: 1px 4px;
    text-decoration: none;
}

.mpage a:hover {
	border: 1px solid #0f0f10;
	color: #999;
}

.trow1 .mpage,
.trow2 .mpage {
    opacity: 0;
}

.trow1:hover .mpage,
.trow2:hover .mpage {
	opacity: 1;
}

.unread-new::before {
    background: #899bf7;
    content: "NEW";
    padding: 1px 6px;
    margin: 0px 3px;
    font-size: 10px;
    color: #23242a;
    border-radius: 50px;
    text-decoration: none;
}

.unread-new:hover::before {
    background: #5c6bc0;
}

.usernav-spacer {
	padding-right: 1rem;
}

ul#buddy_list,
ul#ignore_list{
    margin: 0;
	padding: 5px 10px; 
}

ul#ignore_list li {
    color: #607d8b;
}

.buddylist-usernames {
	padding-left: 10px;
	float: left;
	line-height: 30px;
}

.buddypopup-avatar {
	height: 48px;
	width: 48px;
	border-radius: 1000px;
}

.popup_menu.editpopup {
	margin: 10px 0 0 -10px;
	border: 1px solid #0f0f10;
}

.popup_menu.editpopup .popup_item {
	padding: 2px 8px 2px;
}

.popup_menu.editpopup::before {
	filter: drop-shadow(0px -1px 0px #0f0f10);
}

.no_vertical_padding {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.textbox-login {
	padding: 9px 15px !important;
	padding-right: 40px !important;
	width: 239px;
	font-size: 14px !important;
	border: 2px solid #cfd8dc !important;
	color: #455A64 !important;
	border-radius: 1000px !important;
}

.textbox-login:focus {
	border: 2px solid #9fa8da !important;
	box-shadow: none !important;
}

span.login-icon i::before {
	position: absolute;
	color: #90a4ae;
	margin-top: -11px;
	right: 72px;
	font-size: 14px;
}

.trow1.remember_me.no_bottom_border.no_vertical_padding {
	position: relative;
	float: left;
	padding: 0 23px;
	margin-top: 1rem;
}

input.button.loginpopup-button {
	margin-top: 2rem;
	width: 95%;
	border-radius: 1000px !important;
	border: 1px solid #3949ab !important;
	color: #23242a;
	font-weight: 600;
	background: #3f51b5 !important;
}

input.button.loginpopup-button:hover {
	background: #eceff1 !important;
	border: 1px solid #cfd8dc !important;
	color: #546e7a;
}

.fb-subforum {
	margin-top: 7px; 
	color: #555 !important;
}

.portal-avatar {
	height: 100px;
	width: 100px;
	border-radius: 1000px;
}

p.portal-message {
	margin: 0;
	font-size: 14px;
}

#backtop {
	position: fixed;
	margin: 0px;
	cursor: pointer;
	border-radius: 1000px;
	color: #23242a;
	font-size: 18px;
	right: 25px; 
	bottom: 20px;
	z-index: 372;
	text-align: center;
	height: 42px; 
	width: 42px;
	    background: linear-gradient(to right, #fc466b, #3f5efb);opacity:0.5;
}

#backtop .backtop-icon {
	line-height: 42px;
	margin-left: -1px;
}

#backtop:hover { 
	opacity:1;
transition: 0.3s;
}

a.backtop {
	display: none;
}

span.toggle-container {
	float: right;
	margin: 17px 2px 0 0;
}

.leftbutton,
.rightbutton {
	cursor: pointer;
	float: right;
	font-size: 18px;
	display: block; 
}

.rightbutton:hover,
.leftbutton:hover { 
	color: #eee; 
}

.lost-pass {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0%;
	bottom: -40px;
}

.lost-pass a:link,
.lost-pass a:visited,
.lost-pass a:focus {
	color: #23242a;
	font-weight: 600;
}

.lost-pass a:hover {
	text-decoration: underline;
}

.attach-icon {
	margin: 6px -8px 0 0;
	font-size: 14px;
}

.box-profile { 
	text-align: center;
	color: #545454;
	height: 26px !important;
	width: 26px !important;
	line-height: 26px;
	margin: 0 9px 0 -2px;
	border-radius: 1000px;
	background: #f3f3f3;
}

.comments_profile {
	padding:20px;background:#23242a;margin-bottom:20px;
}

.profile_background {
height:250px;background-position: center;background-repeat: no-repeat;background-size: cover;filter: blur(50px)
}

.profile_background2 {
height:250px;background-position: center;background-repeat: no-repeat;background-size: cover;filter: blur(50px);box-shadow: inset 10px -200px 42px -21px rgba(27,28,34,1);
}

.profile-containter_extras {
margin:40px;margin-top:-100px;filter:blur(0px);
}
.profile-container .left-sidebar {
	width: 270px;
}

.profile-container .profile-heading {
	margin: 0 290px 0 0;
	font-family: inherit;
	font-weight: 400;
	font-size: 14px;
	overflow: hidden;
	padding: 20px 23px 23px 23px;
	border-bottom: 0 !important;
	background: #23242a;
}

.profile-container .left-sidebar .sidebar-container {
	background: #23242a;
	padding: 0px;
	margin-bottom: 15px;
}

.profile-container .left-sidebar .sidebar-container .sidebar-inner {
	padding: 30px;
	color: #999;
	line-height: 1.65;
}

.resp .sidebar-container .sidebar-inner {
	padding: 10px 15px 10px 12px;
	overflow: hidden;
	background: #23242a;
	margin-bottom: 5px;
	border: 1px solid rgb(229, 230, 231);
}

.thead.profile-side {
	padding: .8rem 1.1rem .7rem 1.1rem;
	color: #444;
	font-weight: 600;
	border-bottom: 1px solid #e5e5e5;
	background: #fcfdfe;
}

.tabs-wrap {
	border-top: 0;
}

ul.tabs {
	list-style: none;
	font-family: inherit;
	font-weight: 300;
	font-size:15px;
	padding: 0px;
	margin: 0;
	box-sizing: border-box;
	overflow: hidden;
}

ul.tabs li {
	background: none;
	color: #bbb;
	display: inline-block;
	float: left;
	padding: 8px 15px;
	cursor: pointer;
	border-radius:50px;
	margin-right:5px;
}

ul.tabs li:hover {
	background: rgba(0,0,0,0.2);
}

ul.tabs li.current {
	float: left;
	font-weight: 600;
	background:#23242a;
}

.tab-content { 
	background: #23242a;
	display: none;
	margin-top: -1px;
	padding: 25px;
}

.tab-content.current { 
	display: inherit; 
}

.ava-hs {
	margin-right: 1.3rem;
	float: left;
	overflow: hidden;
}

.ava-hs img {
	height: 60px;
	width: 60px;
	border-radius: 2px;
}

.ib-hs { 
	display: none; 
}

.profile-ctbox {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #1e1f24;
}

.profile-ctbox:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-top: 4px;
	padding-bottom: 0;
}

.profile-mcp ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.profile-acp ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

[class*="add_buddy_button"] { 
	margin-top: 13px !important; 
}

[class*="add_buddy_button"]:hover,
[class*="add_ignore_button"]:hover {
	background: #29b6f6 !important; 
}

[class*="report_user_button"]:hover { 
	background: #29b6f6 !important;
	color: #23242a !important; 
}

@keyframes pulse { 
	to { box-shadow: 0 0 0 5px rgba(165, 214, 167, 0); } 
}

@media screen and (max-width: 1100px) {
	.pt-hide {
		display: none;
	}
	ul.tabs li.current {
		float: none;
	}
	ul.tabs li {
		float: none;
		display: block;
	}
}
		
		
/* ===== Neutral Light Overrides for 1.50-alt (append only) =====
   ChatGPT-like light bg, tiny radius, neutral colors (no vivid blue)
   Unifies: background, buttons, lists, avatars, selects/inputs, text colors
   ----------------------------------------------------------------------- */
:root{
  --bg:#f6f7f9; --card:#ffffff;
  --text:#111827; --muted:#5b6471;
  --link:#374151; --linkH:#111111;
  --border:#e5e7eb; --border-strong:#d1d5db;
  --chip:#f3f4f6; --shadow:0 2px 10px rgba(17,24,39,.06);
  --btn:#111111; --btnH:#000000; --btnF:#ffffff;
  --radius:6px; --r-sm:4px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px;
}

/* ---- Global link & muted text ---- */
a{ color:var(--link) !important; text-decoration:none; }
a:hover{ color:var(--linkH) !important; text-decoration:underline; }

/* =================== Buttons / chips =================== */
.profile_button2{
  font-size:14px !important; font-weight:500 !important;
  padding:10px 12px 10px 40px !important;
  border-left:2px solid #9aa3af !important;
  border-radius:0 var(--r-sm) var(--r-sm) 0 !important;
  color:var(--text) !important; background:#f9fafb !important;
}
a.profile_button2:hover{ background:#eef2f7 !important; color:var(--text) !important; }

.profile_button{
  padding:10px 12px !important; border-radius:var(--r-sm) !important;
  background:#f3f4f6 !important; color:var(--text) !important;
  font-weight:600 !important; border:1px solid var(--border) !important;
}
a.profile_button:hover{ background:#e5e7eb !important; color:var(--text) !important; }

.pm-square{
  background:var(--chip) !important; color:var(--text) !important;
  border:1px solid var(--border) !important; border-radius:var(--r-sm) !important;
  line-height:1 !important; padding:8px 10px !important; margin-top:12px !important;
}
.pm-square:hover{ background:#e5e7eb !important; }

/* Small action chips near avatars */
.post_controls li a, .postbit_buttons > a, a.postbit_report, a.postbit_pm, a.postbit_reputation_add{
  background:var(--chip) !important; border:1px solid var(--border) !important; color:#374151 !important;
  border-radius:var(--r-sm) !important; padding:4px 8px !important; line-height:1.2; font-weight:600;
}
.post_controls li a:hover, .postbit_buttons > a:hover, a.postbit_report:hover, a.postbit_pm:hover{
  background:#e5e7eb !important; color:#111 !important; text-decoration:none !important;
}

/* Back to top */
#backtop{
  background:#111 !important; opacity:.6 !important; color:#fff !important;
  border:none !important; border-radius:999px !important;
}
#backtop:hover{ opacity:1 !important; }

/* =================== Titles / bars / lists =================== */
.showthread-titleBg{
  background:var(--card) !important; border:1px solid var(--border) !important;
  border-radius:var(--r-sm) !important; padding:12px 16px !important;
}
.showthread-titleMain{ color:var(--text) !important; }
.showthread-titleDesc{ color:var(--muted) !important; }

.unread-new::before{
  background:#111 !important; color:#fff !important; border-radius:999px !important;
  padding:1px 6px !important; content:"NEW";
}

/* light list chips (mpage) */
.mpage a, .mpage a:link, .mpage a:visited, .mpage a:focus{
  background:#f9fbfd !important; border-radius:var(--r-sm) !important; font-size:11px !important;
  border:1px solid var(--border) !important; color:#374151 !important; padding:2px 6px !important;
}
.mpage a:hover{ border-color:#cdd3da !important; }

/* Category list – fix black hover */
ul.category_ul li{
  background:#f5f6f8 !important; color:var(--text) !important;
  border:1px solid var(--border) !important; border-radius:var(--r-sm) !important;
  padding:8px 12px !important; margin-bottom:8px !important;
}
ul.category_ul li a{ color:var(--text) !important; display:block; }
ul.category_ul li:hover{ background:#e9ebef !important; border-color:var(--border-strong) !important; }

/* =================== Postbit / profile columns =================== */
.postbit-leftCol{
  background:#fff !important; border-right:1px solid var(--border) !important;
}
.postbit-rightCol{
  background:#fff !important;
}
.postbit_status{ background:#cbd5e1 !important; } /* default neutral */
.postbit_status.online{ background:#22c55e !important; }
.postbit_status.offline{ background:#cbd5e1 !important; }

/* Comments/profile cards */
.comments_profile{
  padding:16px !important; background:#fff !important; border:1px solid var(--border) !important;
  border-radius:var(--r-sm) !important; margin-bottom:16px !important; box-shadow:var(--shadow);
}

/* Profile background containers -> light */
.profile-container .profile-heading{
  background:#fff !important; color:var(--text) !important; border-bottom:0 !important;
  border:1px solid var(--border) !important; border-radius:var(--r-sm) var(--r-sm) 0 0 !important;
}
.profile-container .left-sidebar .sidebar-container{
  background:#fff !important; border:1px solid var(--border) !important; border-radius:var(--r-sm) !important;
}
.profile-container .left-sidebar .sidebar-container .sidebar-inner{
  padding:18px !important; color:var(--text) !important; line-height:1.65 !important;
}
.resp .sidebar-container .sidebar-inner{
  background:#fff !important; border:1px solid var(--border) !important;
}

/* Portal avatar smaller */
.portal-avatar{ height:72px !important; width:72px !important; border-radius:999px !important; }

/* =================== Tabs =================== */
ul.tabs{ font-size:15px !important; }
ul.tabs li{
  color:#6b7280 !important; background:transparent !important; border-radius:var(--r-sm) !important;
  padding:8px 12px !important; margin-right:6px !important;
}
ul.tabs li:hover{ background:#f3f4f6 !important; }
ul.tabs li.current{
  background:#111 !important; color:#fff !important; font-weight:600 !important;
}
.tab-content{
  background:#fff !important; border:1px solid var(--border) !important;
  border-radius:var(--r-sm) !important; padding:16px !important; margin-top:8px !important;
}

/* =================== Inputs / selects / textareas =================== */
input.textbox,
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="number"],
select, textarea{
  background:#fff !important; color:var(--text) !important;
  border:1px solid var(--border) !important; border-radius:var(--r-sm) !important;
  height:36px; padding:0 12px !important; font-size:14px !important;
  line-height:34px; box-shadow:none !important; outline:0;
}
textarea{ min-height:120px; height:auto; line-height:1.65; padding:8px 12px !important; resize:vertical; }
input:hover, select:hover, textarea:hover{ border-color:var(--border-strong) !important; }
input:focus, select:focus, textarea:focus{ border-color:#c7cad1 !important; box-shadow:0 0 0 3px rgba(0,0,0,.06) !important; }

/* Login fields/buttons – remove pills & blue */
.textbox-login{
  width:239px !important; height:38px !important; line-height:36px !important;
  padding:0 12px !important; border:1px solid var(--border) !important; color:var(--text) !important;
  border-radius:var(--r-sm) !important; background:#fff !important;
}
.textbox-login:focus{ border-color:#c7cad1 !important; box-shadow:0 0 0 3px rgba(0,0,0,.06) !important; }

input.button.loginpopup-button{
  width:95% !important; margin-top:1rem !important;
  border-radius:var(--r-sm) !important; border:1px solid #000 !important;
  background:var(--btn) !important; color:#fff !important; font-weight:700 !important;
}
input.button.loginpopup-button:hover{
  background:var(--btnH) !important; color:#fff !important; border-color:#000 !important;
}

/* Select aesthetic – neutral caret */
select{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  background-color:#fff !important;
  background-image:
    linear-gradient(45deg,transparent 50%,#9aa3af 50%),
    linear-gradient(135deg,#9aa3af 50%,transparent 50%),
    linear-gradient(#fff,#fff);
  background-position:calc(100% - 18px) 50%, calc(100% - 12px) 50%, 100% 0;
  background-size:6px 6px, 6px 6px, 2.2em 100%; background-repeat:no-repeat;
  padding-right:40px !important;
}
select[multiple]{ background-image:none !important; height:auto; min-height:120px; padding:8px 12px !important; }

/* Placeholder & disabled */
::placeholder{ color:#9aa3af; opacity:1; }
:-ms-input-placeholder{ color:#9aa3af; }
::-ms-input-placeholder{ color:#9aa3af; }
input:disabled, select:disabled, textarea:disabled{
  background:#f6f7f9 !important; color:#9aa3af !important; cursor:not-allowed;
}

/* =================== Popup menu =================== */
.popup_menu.editpopup{
  margin:10px 0 0 -10px !important; border:1px solid var(--border) !important;
  background:#fff !important; box-shadow:var(--shadow);
  border-radius:var(--r-sm) !important;
}
.popup_menu.editpopup .popup_item{ padding:6px 10px !important; color:var(--text) !important; }
.popup_menu.editpopup .popup_item:hover{ background:#f3f4f6 !important; }
.popup_menu.editpopup::before{ filter:none !important; }

/* =================== Avatars (smaller) =================== */
.buddypopup-avatar{ height:42px !important; width:42px !important; border-radius:999px !important; }
.ava-hs img{ height:48px !important; width:48px !important; border-radius:4px !important; }

/* =================== Misc polish =================== */
.fb-subforum{ color:#666 !important; }
.box-profile{
  color:#374151 !important; background:#f3f4f6 !important;
  border-radius:999px !important; height:24px !important; width:24px !important; line-height:24px !important;
}
.lost-pass a{ color:var(--link) !important; }
.lost-pass a:hover{ color:var(--linkH) !important; }
.rightbutton:hover, .leftbutton:hover{ color:#111 !important; }

/* Hover colors for profile actions */
[class*="add_buddy_button"]:hover, [class*="add_ignore_button"]:hover{
  background:#e5e7eb !important; color:#111 !important;
}
[class*="report_user_button"]:hover{
  background:#111 !important; color:#fff !important;
}

/* Responsive small tweaks */
@media screen and (max-width:1100px){
  ul.tabs li.current{ float:none !important; }
  ul.tabs li{ float:none !important; display:block !important; }
}
		
		
/* ===== Multi-select & Select polish (append only) ===== */
/* Keep the same neutral tokens; if already defined earlier, these lines are harmless */
:root{
  --bg:#f6f7f9; --card:#ffffff;
  --text:#111827; --muted:#6b7280;
  --border:#e5e7eb; --border-strong:#d1d5db;
  --chip:#f3f4f6; --focus:rgba(0,0,0,.06);
  --r-sm:4px;
}

/* Base select */
select{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  background:#fff !important; color:var(--text) !important;
  border:1px solid var(--border) !important; border-radius:var(--r-sm) !important;
  height:36px; line-height:34px; padding:0 40px 0 12px !important;
  background-image:
    linear-gradient(45deg,transparent 50%,#9aa3af 50%),
    linear-gradient(135deg,#9aa3af 50%,transparent 50%),
    linear-gradient(#fff,#fff);
  background-position:calc(100% - 18px) 50%, calc(100% - 12px) 50%, 100% 0;
  background-size:6px 6px,6px 6px,2.2em 100%;
  background-repeat:no-repeat;
}
select:hover{ border-color:var(--border-strong) !important; }
select:focus{ border-color:#c7cad1 !important; box-shadow:0 0 0 3px var(--focus) !important; outline:0; }

/* Multi-select (readable bg/fg, nice hover/selected/disabled) */
select[multiple]{
  background:#fff !important; color:var(--text) !important;
  border:1px solid var(--border) !important; border-radius:var(--r-sm) !important;
  min-height:140px; height:auto; padding:8px 8px !important; line-height:1.45;
  background-image:none !important;  /* remove caret */
  scrollbar-color:#cbd5e1 #f3f4f6;   /* Firefox */
  scrollbar-width:thin;
}
select[multiple]:hover{ border-color:var(--border-strong) !important; }
select[multiple]:focus{ border-color:#c7cad1 !important; box-shadow:0 0 0 3px var(--focus) !important; }

/* Option rows */
select[multiple] option{
  color:var(--text); background:transparent;   /* default row */
  padding:6px 8px; margin:2px 0; border-radius:4px; cursor:default;
}
select[multiple] option:hover{
  background:#f3f4f6;                         /* light hover */
}
select[multiple] option:checked{
  /* force neutral dark selection instead of system blue */
  background:#111 !important;
  color:#fff !important;
}

/* Optgroup labels & nested options */
select[multiple] optgroup{ color:var(--muted); font-weight:700; }
select[multiple] optgroup option{ padding-left:14px; }

/* Disabled states */
select[multiple] option:disabled{ color:#9aa3af !important; }
select:disabled, select[multiple]:disabled{
  background:#f6f7f9 !important; color:#9aa3af !important; cursor:not-allowed;
}

/* WebKit scrollbars (Chrome/Edge/Safari) */
select[multiple]::-webkit-scrollbar{ width:10px; }
select[multiple]::-webkit-scrollbar-track{ background:#f3f4f6; border-radius:8px; }
select[multiple]::-webkit-scrollbar-thumb{
  background:#cbd5e1; border-radius:8px; border:2px solid #f3f4f6;
}
select[multiple]::-webkit-scrollbar-thumb:hover{ background:#9aa3af; }

/* Login pill & legacy blues clean-up (keep neutral, small radius) */
.textbox-login{
  height:38px !important; line-height:36px !important; padding:0 12px !important;
  border:1px solid var(--border) !important; border-radius:var(--r-sm) !important;
  background:#fff !important; color:var(--text) !important;
}
input.button.loginpopup-button{
  border-radius:var(--r-sm) !important; background:#111 !important; color:#fff !important; border:1px solid #000 !important;
}
input.button.loginpopup-button:hover{ background:#000 !important; }

/* Title link hover (remove bluish tint) */
.title-img a:hover{ color:#111 !important; }

/* “NEW” badge to neutral style */
.unread-new::before{
  background:#111 !important; color:#fff !important; border-radius:999px !important;
}

/* Popup menu border/fg neutral */
.popup_menu.editpopup{ border:1px solid var(--border) !important; }
.popup_menu.editpopup .popup_item{ color:var(--text) !important; }