/* Common frontend styles */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

:root{--card-radius:12px}

body{font-family:'Poppins',sans-serif;}

.card{border:none;border-radius:var(--card-radius);background:rgba(255,255,255,0.96);box-shadow:0 12px 30px rgba(15,23,42,0.06)}

.logo-icon{font-size:2.5rem;margin-bottom:0.5rem}

.form-control,.form-select{border-radius:10px;padding:10px;border:1px solid #ddd;background-color:#fcfcfc}

/* small helpers used across pages */
.d-none{display:none!important}

@media (max-width: 575.98px) {
	.container {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.navbar .container-fluid {
		gap: 0.75rem;
	}

	.navbar-brand {
		white-space: normal;
		line-height: 1.2;
	}

	#globalNavActions {
		width: 100%;
		justify-content: flex-start !important;
	}

	.card-body,
	.card-header {
		padding: 1rem !important;
	}

	.form-control,
	.form-select {
		font-size: 1rem;
	}

	.modal-dialog {
		margin: 0.75rem;
	}

	.modal-content {
		border-radius: 16px;
	}
}