/* ===== PAGE HEADER ===== */
.page-header {
	background: linear-gradient(135deg, #9fe3c2, #fff3b0, #b5ddff);
	border-radius: 20px;
	padding: 28px;
	margin-bottom: 28px;
	box-shadow: 0 14px 28px rgba(34, 197, 94, .35);
}

.page-title {
	font-size: clamp(1.7rem, 3vw, 2.2rem);
	font-weight: 700;
	color: black;
}

.page-subtitle {
	font-size: .95rem;
	color: black;
}

/* ===== LEFT PANEL ===== */
.sidebar .card {
	position: sticky;
	top: 90px;
	max-height: 420px;
	overflow-y: auto;
	border-radius: 16px;
	background: linear-gradient(180deg, #f0fdf4, #ecfeff);
	border: 1px solid #d1fae5;
}

.sidebar .card-header {
	font-weight: 700;
	font-size: .95rem;
	color: #166534;
}

.type-item {
	margin: 4px 8px;
	padding: 8px 12px;
	font-size: .9rem;
	border-radius: 8px;
	color: #065f46;
	transition: .2s;
}

.type-item:hover {
	background: #dcfce7;
}

.type-item.active {
	background: linear-gradient(135deg, #22c55e, #16a34a);
	color: white;
	font-weight: 600;
}

/* ===== RIGHT PANEL ===== */
.content-card {
	border-radius: 20px;
	border: 1px solid #d1fae5;
}

.content-header {
	padding: 18px 24px;
	background: linear-gradient(90deg, #f0fdf4, #ffffff);
}

/* ===== DOCUMENT CARDS ===== */
.doc-card {
	height: 100%;
	padding: 18px;
	border-radius: 18px;
	background: linear-gradient(180deg, #ffffff, #f0fdf4);
	border: 1px solid #d1fae5;
	transition: .25s ease;
}

.doc-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 16px 32px rgba(34, 197, 94, .25);
}

.doc-title {
	font-size: .95rem;
	font-weight: 600;
	margin-bottom: 14px;
	color: #064e3b;
}

/* ===== DOWNLOAD BUTTON ===== */
.btn-download {
	background: linear-gradient(135deg, #7a1f2b, #9b2c3f);
	color: white;
	border-radius: 999px;
	padding: 7px 18px;
	font-size: .8rem;
	font-weight: 600;
}

.btn-download:hover {
	transform: scale(1.05);
	color: white;
}