div.mainmenu.resaatelier {
	background-image: none;
}

.myclasscss {
	/* ... */
}

.mod-resaatelier h1{
	font-size:24px;
	font-weight:500px;
	color:#083F67
}

	.centre-resaatelier {
		background: #f5f7fb;
		min-height: calc(100vh - 100px);
	}

	.pdv-logo {
		display: block;
		width: 68px;
		height: 68px;
		padding: 5px;
		object-fit: contain;
		background: #fff;
		border: 1px solid #e2e7ef;
		border-radius: 14px;
		box-shadow: 0 5px 16px rgba(25, 39, 70, 0.08);
	}

	.pdv-logo-placeholder {
		display: flex;
		width: 68px;
		height: 68px;
		align-items: center;
		justify-content: center;
		color: #55708f;
		background: #edf2f7;
		border: 1px solid #dce4ec;
		border-radius: 14px;
		font-size: 28px;
		text-decoration: none;
	}

	.pdv-title {
		color: #1f3554;
		font-size: 16px;
		font-weight: 700;
		text-decoration: none;
	}

	.pdv-title:hover {
		color: #0d6efd;
	}

	#table-pdv thead th {
		padding-top: 14px;
		padding-bottom: 14px;
		color: #536176;
		background: #f8fafc;
		border-bottom: 1px solid #dfe5ec;
		font-size: 13px;
		font-weight: 700;
		text-transform: uppercase;
		white-space: nowrap;
	}

	#table-pdv tbody td {
		padding-top: 15px;
		padding-bottom: 15px;
		border-color: #edf0f4;
	}

	#table-pdv tbody tr {
		transition: background-color 0.2s ease;
	}

	#table-pdv tbody tr:hover {
		background: #fafcff;
	}

	.dataTables_filter input {
		margin-left: 8px !important;
		padding: 7px 12px !important;
		border: 1px solid #d8dee7 !important;
		border-radius: 8px !important;
	}

	.dataTables_length select {
		padding: 5px 28px 5px 10px !important;
		border: 1px solid #d8dee7 !important;
		border-radius: 8px !important;
	}
	
	
/* ---------------- */

	.centre-resaatelier {
		min-height: calc(100vh - 100px);
		background:
			radial-gradient(
				circle at top right,
				rgba(13, 110, 253, 0.07),
				transparent 35%
			),
			#f5f7fb;
	}

	.card {
		border-radius: 18px;
	}

	.form-control,
	.form-select,
	.input-group-text {
		min-height: 44px;
		border-color: #dce2ea;
		border-radius: 10px;
	}

	.input-group .input-group-text {
		border-radius: 10px 0 0 10px;
	}

	.input-group .form-control {
		border-radius: 0 10px 10px 0;
	}

	.form-control:focus,
	.form-select:focus {
		border-color: #86b7fe;
		box-shadow: 0 0 0 0.2rem rgba(13,110,253,.12);
	}

	textarea.form-control {
		min-height: 150px;
	}

	.pdv-logo-preview,
	.pdv-logo-view {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 18px;
		background: #f8fafc;
		border: 1px solid #e2e7ee;
		border-radius: 16px;
	}

	.pdv-logo-preview img {
		max-width: 100%;
		max-height: 220px;
		object-fit: contain;
	}

	.pdv-logo-view {
		min-height: 260px;
	}

	.pdv-logo-view img {
		max-width: 100%;
		max-height: 250px;
		object-fit: contain;
	}

	.pdv-logo-empty {
		display: flex;
		min-height: 180px;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 10px;
		color: #8592a3;
		background: #f4f7fa;
		border: 2px dashed #d5dde6;
		border-radius: 16px;
	}

	.pdv-logo-empty i {
		font-size: 46px;
	}

	.pdv-logo-empty-large {
		min-height: 260px;
	}

	.pdv-info-line {
		display: flex;
		align-items: flex-start;
		gap: 15px;
	}

	.pdv-info-icon {
		display: flex;
		width: 44px;
		height: 44px;
		flex: 0 0 44px;
		align-items: center;
		justify-content: center;
		color: #0d6efd;
		background: rgba(13,110,253,.09);
		border-radius: 12px;
		font-size: 19px;
	}

	.pdv-info-label {
		margin-bottom: 4px;
		color: #798394;
		font-size: 13px;
		font-weight: 700;
		text-transform: uppercase;
	}

	.pdv-note {
		padding: 18px;
		color: #3f4855;
		background: #f8fafc;
		border-left: 4px solid #0d6efd;
		border-radius: 8px;
		line-height: 1.7;
	}

	.btn {
		border-radius: 10px;
	}

	@media (max-width: 767.98px) {
		.card-body {
			padding: 20px !important;
		}

		.pdv-logo-view {
			min-height: 210px;
		}
	}