.dshdashboard {
/*	padding: 20px;
	background: #f5f7fa;*/
}

/* KPI */
.dshkpi-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	gap: 15px;
}

.dshkpi-row--highlight .dshkpi-card {
	padding: 12px 15px;
	min-height: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

	.dshkpi-row--highlight .dshkpi-card h2 {
		font-size: 20px;
		margin-top: 5px;
	}

	.dshkpi-row--highlight .dshkpi-card span {
		font-size: 12px;
	}


.dshkpi-card {
	background: #F2F2F2;
	padding: 20px;
	border-radius: 12px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

	.dshkpi-card span {
		color: #777;
		font-size: 14px;
	}

	.dshkpi-card h2 {
		margin-top: 10px;
	}

	/* Highlight version of KPI cards */
	.dshkpi-card.highlight {
		background: #ff8c00;
		color: white;
	}
/*	.dshkpi-card.highlight {
		background: linear-gradient(135deg, #ff8c00, #ff6a00);
	}*/

		.dshkpi-card.highlight span {
			color: rgba(255,255,255,0.8);
		}


/* Sections */
.dshsection {
	background: #f2f2f2;
	margin-top: 10px;
	padding: 20px;
	border-radius: 12px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

	.dshsection h3 {
		margin-bottom: 10px;
		color: #333;
	}

/* Current Period */
.dshperiod-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 15px;
}

	.dshperiod-grid div {
		background: #ff8c00;
		color: white;
		padding: 15px;
		border-radius: 10px;
		text-align: center;
		font-weight: 500;
	}

/* Actions */
.dshactions-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 15px;
}

.dshaction {
	background: white;
	padding: 20px;
	border-radius: 10px;
	text-align: center;
	cursor: pointer;
	transition: 0.2s;
}

	.dshaction:hover {
		transform: translateY(-5px);
		background: #1e2a38;
		color: white;
	}

/* Status */
.dshstatus-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 10px;
}

	.dshstatus-grid div {
		background: white;
		padding: 15px;
		border-radius: 10px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

.dshstatus-card {
	display: flex;
	flex-direction: column; /* stack text above number+arrow */
	align-items: flex-start; /* align content to the left */
	padding: 10px 16px; /* adjust padding */
	height: auto; /* height fits content */
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* Text on top */
.dshstatus-text {
	font-size: 1rem;
	margin-bottom: 6px; /* space between text and number+arrow */
	font-weight: 500;
}

/* Container for number + arrow */
.dshstatus-footer {
	display: flex;
	align-items: center;
	gap: 8px; /* space between number and arrow */
}

/* Number */
.dshstatus-number {
	font-size: 1.2rem;
	font-weight: bold;
}

/* Arrow icon */
.dshstatus-card .go-icon {
	background: transparent;
	border: none;
	width: auto;
	height: auto;
	display: block;
}

	.dshstatus-card .go-icon svg {
		width: 20px;
		height: 20px;
	}


/*.dshstatus-card {
	display: flex;*/ /* align content in a row */
	/*align-items: center;*/ /* vertically center number & arrow */
	/*justify-content: space-between;*/ /* space between number and arrow */
	/*padding: 10px 16px;*/ /* smaller padding for smaller height */
	/*height: 60px;*/ /* adjust to make card shorter */
	/*background: #fff;*/ /* card background */
	/*border-radius: 8px;*/ /* rounded corners */
	/*box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	cursor: pointer;*/ /* indicates clickable */
	/*transition: transform 0.2s ease;
}*/

	/* Title */
	/*.dshstatus-card span {
		font-size: 13px;
		color: #666;
	}*/

	/* Number */
	/*.dshstatus-card b {
		font-size: 22px;
		margin-top: 5px;
		color: #111;
	}*/

	/* Hover effect */
/*.dshstatus-card:hover {
  transform: translateY(-2px);*/ /* slight hover effect */
/*}*/
	.dshstatus-card:hover {
		transform: translateY(-2px); /* slight hover effect */
	}

/* Number inside card */
.dshstatus-number {
	font-size: 1.2rem;
	font-weight: bold;
}

/* Arrow icon on the right */
.dshstatus-card .go-icon {
	margin-left: 10px; /* space from number */
	background: transparent;
	border: none;
	width: auto;
	height: auto;
	display: block;
}

	.dshstatus-card .go-icon svg {
		width: 20px;
		height: 20px;
	}

/*.dshstatus-card:hover .go-icon {
	color: #000;
	transform: translateX(4px);
}*/
/* GO icon */
/*.go-icon {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 18px;
	height: 18px;
	opacity: 0.6;
	transition: 0.2s;
}

.dshstatus-card:hover .go-icon {
	opacity: 1;
	transform: translateX(3px);
}*/

.go-icon {
	background: transparent; /* remove circular background */
	border: none; /* remove any border */
	padding: 0; /* remove extra spacing */
	width: auto; /* shrink to arrow size */
	height: auto;
	position: relative; /* keep arrow positioning intact */
}

	/* Hide any pseudo-elements that might create the circle */
	.go-icon::before,
	.go-icon::after {
		display: none;
	}

	/* Style the arrow (assuming it's an SVG or icon inside) */
	.go-icon svg,
	.go-icon i {
		display: block; /* show only the arrow */
		width: 24px; /* adjust arrow size */
		height: 24px;
	}