
	:root {
		--f-bg-main: #0b0908;
		--f-glass: #1b1611;
		--f-glass-hover: #221c15;
		--f-border: rgba(201, 162, 39, 0.16);
 
		--f-accent: #ab8226;
		--f-accent-hover: #e0b84a;
		--f-accent-glow: rgba(171, 130, 38, 0.35);
 
		--f-text: #ece4d3;
		--f-text-head: #f4efe2;
		--f-text-mute: #948c7c;
 
		--f-success: #2f9e6a;
		--f-danger: #b8402f;
		--f-radius: 4px;
	}
 
	.forum-container {
		font-family: "Inter", sans-serif;
		color: var(--f-text);
		max-width: 1100px;
		margin: 0 auto;
		position: relative;
	}
 
	.forum-container a { text-decoration: none; color: inherit; transition: color 0.2s; }
	.forum-container a:hover { color: var(--f-accent-hover); }
 
	/* Glass Panel Utility */
	.glass-panel {
		background: var(--f-glass);
		border: 1px solid var(--f-border);
		border-radius: var(--f-radius);
	}
 
	/* Animacje */
	.animate-fade-in { animation: fadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1); }
	@keyframes fadeIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
 
	/* Hero */
	.forum-header-hero {
		background: linear-gradient(135deg, rgba(171, 130, 38, 0.12), rgba(11, 9, 8, 0));
		padding: 40px;
		border-radius: var(--f-radius);
		border: 1px solid var(--f-border);
		margin-bottom: 25px;
		display: flex; justify-content: space-between; align-items: center;
		position: relative; overflow: hidden;
	}
	.forum-header-hero h1 { font-family: "Cinzel", serif; margin: 0; color: var(--f-text-head); font-size: 2rem; font-weight: 600; }
	.forum-header-hero p { margin: 10px 0 0; color: var(--f-text-mute); font-size: 1rem; }
	.hero-decoration { font-size: 5rem; opacity: 0.08; transform: rotate(15deg); user-select: none; }
 
	/* Grid Działów */
	.boards-grid { display: grid; gap: 16px; }
	.board-card {
		background: var(--f-glass);
		border: 1px solid var(--f-border);
		border-radius: var(--f-radius);
		padding: 20px;
		display: grid;
		grid-template-columns: 60px 1fr 140px 200px;
		align-items: center;
		gap: 20px;
		transition: border-color 0.2s ease, transform 0.2s ease;
	}
	.board-card:hover { transform: translateY(-2px); background: var(--f-glass-hover); border-color: rgba(201, 162, 39, 0.35); }
	.board-card-news { border-left: 4px solid var(--f-danger); background: linear-gradient(90deg, rgba(184, 64, 47, 0.06), transparent); }
 
	.board-icon { font-size: 28px; text-align: center; color: var(--f-text-head); background: #0b0908; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: var(--f-radius); }
	.board-title { margin: 0 0 5px; font-size: 1.15rem; font-weight: 700; font-family: "Cinzel", serif; }
	.board-title a { color: var(--f-text-head); }
	.board-desc { margin: 0; font-size: 0.88rem; color: var(--f-text-mute); }
 
	.board-stats-col { display: flex; flex-direction: column; text-align: center; gap: 5px; border-left: 1px solid var(--f-border); border-right: 1px solid var(--f-border); }
	.stat-val { font-weight: 700; color: var(--f-accent-hover); font-size: 1.1rem; font-family: "Cinzel", serif; }
	.stat-label { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--f-text-mute); }
 
	.board-last-col { font-size: 0.88rem; }
	.last-post-info { display: flex; flex-direction: column; align-items: flex-end; }
	.lp-meta { font-size: 0.78rem; color: var(--f-text-mute); margin-bottom: 2px; }
	.lp-author { font-weight: 600; color: var(--f-accent-hover); }
 
	/* Controls & Breadcrumbs */
	.forum-controls {
		display: flex; justify-content: space-between; align-items: center;
		padding: 15px 22px; margin-bottom: 18px;
	}
	.breadcrumb-nav { font-size: 0.9rem; font-weight: 500; }
	.crumb-home { opacity: 0.7; }
	.crumb-current { color: var(--f-text-head); }
	.sep { opacity: 0.3; margin: 0 8px; }
 
	/* Buttons */
	.btn {
		display: inline-flex; align-items: center; justify-content: center;
		padding: 10px 20px; border-radius: 3px; font-weight: 700; font-size: 0.85rem;
		font-family: "Cinzel", serif; letter-spacing: 0.4px;
		transition: background 0.2s ease; cursor: pointer; border: none;
	}
	.btn-primary { background: var(--f-accent); color: #14100a; }
	.btn-primary:hover { background: var(--f-accent-hover); }
	.btn-glow { box-shadow: 0 0 15px var(--f-accent-glow); }
	.btn-large { width: 100%; padding: 14px; font-size: 0.9rem; margin-top: 18px; }
 
	/* Threads List */
	.threads-header-row {
		display: grid; grid-template-columns: 1fr 140px 200px;
		padding: 14px 22px;
		font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--f-text-mute); font-weight: 700;
		border-bottom: 1px solid var(--f-border);
	}
	.thread-row {
		display: grid; grid-template-columns: 1fr 140px 200px;
		padding: 18px 22px; border-bottom: 1px solid var(--f-border);
		align-items: center; transition: background 0.2s ease;
	}
	.thread-row:last-child { border-bottom: none; }
	.thread-row:hover { background: rgba(201, 162, 39, 0.03); }
 
	.thread-main { display: flex; gap: 14px; align-items: center; }
	.thread-status { font-size: 1.15rem; opacity: 0.7; }
	.thread-status.hot { opacity: 1; filter: drop-shadow(0 0 5px rgba(184, 64, 47, 0.5)); }
 
	.thread-link { color: var(--f-text-head); font-weight: 600; font-size: 1rem; }
	.thread-meta-desc { font-size: 0.82rem; color: var(--f-text-mute); margin-top: 4px; }
	.mini-btn-remove { margin-left: 10px; color: var(--f-danger); opacity: 0.6; transition: opacity 0.2s ease; }
	.mini-btn-remove:hover { opacity: 1; }
 
	.thread-stats-col { text-align: center; }
	.t-stat { display: flex; justify-content: center; gap: 5px; font-size: 0.82rem; }
	.t-stat .val { font-weight: 700; color: var(--f-text-head); }
	.t-stat .lbl { color: var(--f-text-mute); }
	.thread-last-col { text-align: right; font-size: 0.82rem; }
 
	/* Post View */
	.posts-stream { display: flex; flex-direction: column; gap: 16px; }
	.forum-post {
		display: flex;
		background: var(--f-glass); border: 1px solid var(--f-border); border-radius: var(--f-radius);
		overflow: hidden;
	}
	.post-sidebar {
		width: 200px; background: #0b0908;
		padding: 25px 15px; text-align: center;
		border-right: 1px solid var(--f-border);
		display: flex; flex-direction: column; align-items: center;
	}
	.avatar-container { margin-bottom: 15px; }
	.avatar-container img { width: 80px; height: 80px; border-radius: 50%; border: 2px solid var(--f-border); }
 
	.post-author-name { font-weight: 700; font-size: 1.05rem; margin-bottom: 10px; word-wrap: break-word; }
	.author-badges { display: flex; flex-direction: column; gap: 5px; width: 100%; }
	.badge { font-size: 0.68rem; padding: 4px 8px; border-radius: 3px; background: rgba(201, 162, 39, 0.08); text-transform: uppercase; letter-spacing: 0.04em; font-weight: 600; }
	.badge.staff { background: var(--f-danger); color: #fff; }
	.badge.voc { border: 1px solid var(--f-border); }
 
	.post-main { flex: 1; display: flex; flex-direction: column; }
	.post-meta {
		padding: 14px 22px; border-bottom: 1px solid var(--f-border);
		font-size: 0.78rem; color: var(--f-text-mute); display: flex; justify-content: space-between;
	}
	.post-content { padding: 26px 22px; font-size: 0.96rem; line-height: 1.7; color: var(--f-text); min-height: 130px; }
	.post-footer {
		padding: 14px 22px; background: #0b0908; border-top: 1px solid var(--f-border);
		display: flex; justify-content: space-between; align-items: center; min-height: 44px;
	}
	.action-btn {
		font-size: 0.78rem; padding: 6px 12px; border-radius: 3px;
		color: var(--f-text-mute); border: 1px solid transparent;
	}
	.action-btn:hover { background: rgba(201, 162, 39, 0.06); color: var(--f-text-head); border-color: var(--f-border); }
	.action-btn.remove-btn:hover { background: rgba(184, 64, 47, 0.1); color: var(--f-danger); }
 
	/* Editor / Forms */
	.forum-form-container { background: var(--f-glass); padding: 28px; border-radius: var(--f-radius); border: 1px solid var(--f-border); }
	.forum-form-container h2 { font-family: "Cinzel", serif; margin-top: 0; color: var(--f-text-head); border-bottom: 1px solid var(--f-border); padding-bottom: 14px; margin-bottom: 22px; font-weight: 600; }
	.form-group { margin-bottom: 18px; }
	.form-label { display: block; margin-bottom: 9px; font-weight: 600; font-size: 0.88rem; color: var(--f-text-head); }
	.form-control {
		width: 100%; padding: 13px; background: #0b0908; border: 1px solid var(--f-border);
		color: var(--f-text); border-radius: 3px; font-family: inherit; box-sizing: border-box; outline: none;
	}
	.form-control:focus { border-color: var(--f-accent-hover); box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.15); }
	textarea.form-control { min-height: 200px; resize: vertical; }
 
	/* BBCode */
	.code-block { background: #0b0908; border: 1px solid var(--f-border); border-radius: 3px; margin: 10px 0; }
	.code-header { background: #1b1611; padding: 5px 10px; border-bottom: 1px solid var(--f-border); font-size: 0.72rem; color: var(--f-text-mute); }
	.code-block pre { padding: 10px; overflow-x: auto; margin: 0; color: var(--f-text); }
	.quote-block { border-left: 3px solid var(--f-accent); background: rgba(201, 162, 39, 0.06); padding: 14px; margin: 14px 0; font-style: italic; border-radius: 0 3px 3px 0; }
	.forum-image { max-width: 100%; border-radius: 3px; }
 
	/* Alerts */
	.alert-box { padding: 14px; border-radius: 3px; margin-bottom: 18px; border: 1px solid; font-weight: 500; }
	.alert-box.error { background: rgba(184, 64, 47, 0.08); color: #d98a78; border-color: rgba(184, 64, 47, 0.3); }
	.alert-box.warning { background: rgba(201, 162, 39, 0.08); color: #e0b84a; border-color: rgba(201, 162, 39, 0.3); }
	.alert-box.info-glass { background: rgba(201, 162, 39, 0.06); color: var(--f-text); border-color: var(--f-border); text-align: center; }
 
	/* Paginacja */
	.pagination-wrapper { display: flex; justify-content: center; gap: 8px; margin-top: 26px; flex-wrap: wrap; }
	.page-btn {
		width: 38px; height: 38px; display: flex; align-items: center; justify-content: center;
		background: var(--f-glass); border: 1px solid var(--f-border); border-radius: 3px; transition: background 0.2s ease, border-color 0.2s ease;
	}
	.page-btn.active { background: var(--f-accent); color: #14100a; border-color: var(--f-accent); font-weight: 700; }
	.page-btn:hover:not(.active) { border-color: rgba(201, 162, 39, 0.4); }
 
	@media (max-width: 768px) {
		.board-card { grid-template-columns: 1fr; text-align: center; gap: 15px; }
		.board-icon { margin: 0 auto; }
		.board-stats-col { border: none; flex-direction: row; justify-content: center; gap: 20px; background: #0b0908; padding: 10px; border-radius: var(--f-radius); }
		.threads-header-row { display: none; }
		.thread-row { grid-template-columns: 1fr; position: relative; gap: 10px; }
		.thread-stats-col { display: none; }
		.forum-post { flex-direction: column; }
		.post-sidebar { width: 100%; border-right: none; border-bottom: 1px solid var(--f-border); padding: 15px; flex-direction: row; gap: 15px; justify-content: flex-start; text-align: left; }
		.author-badges { width: auto; flex-direction: row; flex-wrap: wrap; }
		.avatar-container { margin: 0; }
		.avatar-container img { width: 50px; height: 50px; }
	}
	