:root {
    --pc-runtime-border: rgba(15, 23, 42, 0.08);
    --pc-runtime-shadow: 0 16px 32px rgba(15, 23, 42, 0.06);
}

body.puckchart-app-shell {
    min-height: 100vh;
    background: #f5f7fb;
}

.app-content {
	min-height: calc(100vh - 4rem);
}

@media (max-width: 1199px) {
	.app-header {
		padding-inline-start: 0;
	}
	
	.app-content {
		margin-inline-start: 0;
	}
}

.app-content .card.custom-card {
    border: 1px solid var(--pc-runtime-border);
    box-shadow: var(--pc-runtime-shadow);
}

.nav-pills .nav-link {
    font-weight: 600;
    border-radius: 0.85rem;
}

.nav-pills .nav-link.active {
    box-shadow: 0 10px 20px rgba(13, 110, 253, 0.18);
}

.navbar-toggler-icon {
    width: 1.1rem;
    height: 1.1rem;
}

.w-10r {
	width: 10rem;
}