/* Classic-forum theme for Synchronet webv4
 * vBulletin/phpBB-inspired: soft background, crisp panels, blue accents.
 * Kept as an override layer on top of Bootstrap + existing rules.
 */
 
:root{
	--cf-bg: #e9eef5;
	--cf-bg2: #dfe7f2;
	--cf-panel: #ffffff;
	--cf-panel2: #f6f8fb;
	--cf-border: #cfd8e6;
	--cf-border2:#b9c7da;
	--cf-text: #1e2a3a;
	--cf-muted:#5b6b80;
	--cf-link:#1b66c9;
	--cf-link-hover:#134a91;
	--cf-accent:#2a74d6;
	--cf-accent2:#1b4e9b;
	--cf-success:#1f8f4a;
	--cf-warning:#b27b12;
	--cf-danger:#b13b3b;
	--cf-shadow: 0 1px 0 rgba(0,0,0,.04), 0 8px 24px rgba(18,38,63,.08);
	--cf-radius: 8px;
}
 
html, body{
	background: radial-gradient(1200px 600px at 10% 0%, var(--cf-bg2), transparent 55%),
	            radial-gradient(900px 500px at 95% 10%, #d7e6ff, transparent 52%),
	            var(--cf-bg);
	color: var(--cf-text);
}
 
/* Let content breathe under fixed navbar */
body{
	color: var(--cf-text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.45;
}

/* Legacy helper class used by some pages */
.text_white{
	color: var(--cf-text) !important;
}
 
/* Headings: more forum-like */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
	color: var(--cf-text);
	font-weight: 600;
	letter-spacing: -.01em;
}
 
/* Links */
a{ color: var(--cf-link); }
a:hover, a:focus{ color: var(--cf-link-hover); text-decoration: none; }
 
/* Container: slightly narrower, more centered */
.container, .container-fluid{
	padding-left: 18px;
	padding-right: 18px;
}
@media (min-width: 1200px){
	.container{ width: 1180px; }
}
 
/* Navbar */
.navbar{
	border: 0;
	box-shadow: 0 1px 0 rgba(0,0,0,.05), 0 10px 30px rgba(0,0,0,.08);
}
.navbar.navbar-default{
	background: linear-gradient(#2f5fa8, #234a86);
}
.navbar-default .navbar-brand,
.navbar-default .navbar-nav>li>a{
	color: #eaf1ff !important;
	text-shadow: 0 1px 0 rgba(0,0,0,.25);
}
.navbar-default .navbar-brand{ font-weight: 700; letter-spacing: .02em; }
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus{
	background: rgba(255,255,255,.06) !important;
	color: #fff !important;
}
.navbar-default .navbar-toggle{
	border-color: rgba(255,255,255,.35);
}
.navbar-default .navbar-toggle .icon-bar{
	background-color: #eaf1ff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form{
	border-color: rgba(255,255,255,.2);
}
 
/* Dropdowns */
.dropdown-menu{
	border: 1px solid var(--cf-border);
	border-radius: 10px;
	box-shadow: var(--cf-shadow);
	padding: 6px;
}
.dropdown-menu>li>a{
	border-radius: 8px;
	padding: 8px 10px;
	color: var(--cf-text);
}
.dropdown-menu>li>a:hover{
	background: #eef4ff;
}
 
/* Breadcrumbs: classic “bar” */
.breadcrumb{
	background: linear-gradient(#ffffff, #f3f6fb);
	border: 1px solid var(--cf-border);
	border-radius: var(--cf-radius);
	box-shadow: 0 1px 0 rgba(0,0,0,.03);
	margin-bottom: 14px;
}
.breadcrumb>li+li:before{
	color: #8aa0bb;
	content: "›";
	padding: 0 10px;
}
 
/* Panels / list groups (forum + files + sidebar) */
.list-group{
	border-radius: var(--cf-radius);
	box-shadow: var(--cf-shadow);
	background: var(--cf-panel);
	border: 1px solid var(--cf-border);
	overflow: hidden;
}
.list-group-item{
	border: 0;
	border-bottom: 1px solid var(--cf-border);
	background: transparent;
	color: var(--cf-text);
	padding: 12px 14px;
}
.list-group-item:last-child{ border-bottom: 0; }
.list-group-item.striped:nth-of-type(even){
	background: var(--cf-panel2);
}
a.list-group-item:hover,
a.list-group-item:active{
	background: #eef4ff;
}
 
/* Make the sidebar look like a boxed column */
#sidebar .list-group{
	box-shadow: none;
	border-radius: var(--cf-radius);
}
#sidebar .list-group-item.sidebar{
	background: transparent;
}
#sidebar h4{
	margin-top: 6px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
	color: var(--cf-text);
}
 
/* Buttons: slightly more “forum UI” */
.btn{
	border-radius: 8px;
}
.btn-default{
	background: linear-gradient(#ffffff, #f3f6fb);
	border-color: var(--cf-border2);
	color: var(--cf-text);
}
.btn-default:hover{
	background: #ffffff;
	border-color: var(--cf-border2);
}
.btn-primary{
	background: linear-gradient(#2f7ae5, #1f5fbe);
	border-color: #1b56ad;
}
.btn-primary:hover{
	background: linear-gradient(#2a74d6, #1b4e9b);
	border-color: #18468f;
}
 
/* Icon buttons used throughout */
.icon{
	margin: 0 .5em .6em 0;
	box-shadow: 0 1px 0 rgba(0,0,0,.04);
}
 
/* Message body */
div.message{
	margin-top: 10px;
	padding: 10px 12px;
	border: 1px solid var(--cf-border);
	background: #fbfdff;
	border-radius: 10px;
}
blockquote{
	border-left: 4px solid #9db2cf;
	background: rgba(157,178,207,.12);
	border-radius: 6px;
}
 
/* Badges: readable + forum-ish */
.badge{
	background: #7b8ea8;
}
span.badge.scanned,
span.badge.new{
	background: var(--cf-accent);
}
.badge.ignored{ background: #98a6b8; }
.upvote-bg{ background-color: #f6c18b; color: #3b2a12; }
.downvote-bg{ background-color: #a6cff3; color: #0f2a3d; }
 
/* Tables in sidebar (node list) */
table.table{
	background: var(--cf-panel);
}
.table>thead>tr>th{
	border-bottom: 1px solid var(--cf-border);
	color: var(--cf-muted);
	font-weight: 700;
}
.table>tbody>tr>td, .table>tbody>tr>th{
	border-top: 1px solid var(--cf-border);
}
 
/* Files page filter */
.cf-filter{
	margin: 0 0 10px 0;
}
.cf-filter .form-control{
	border-radius: 10px;
	border-color: var(--cf-border2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.04);
}
 
/* Dark mode overrides */
body.dark{
	--cf-bg: #141a23;
	--cf-bg2:#1b2432;
	--cf-panel:#1d2633;
	--cf-panel2:#202a3a;
	--cf-border:#2c3a4f;
	--cf-border2:#3a4b66;
	--cf-text:#dbe6f7;
	--cf-muted:#a7b7d1;
	--cf-link:#8cc1ff;
	--cf-link-hover:#b7d8ff;
}
body.dark .navbar.navbar-default{
	background: linear-gradient(#1c2f52, #14223d);
}
body.dark .breadcrumb{
	background: linear-gradient(#1d2633, #18202c);
}
body.dark div.message{
	background: rgba(255,255,255,.04);
}
body.dark .dropdown-menu{
	background: #1d2633;
}
body.dark .dropdown-menu>li>a{
	color: var(--cf-text);
}
body.dark .dropdown-menu>li>a:hover{
	background: rgba(140,193,255,.10);
}