.box-panel-dashboard{
	min-height:80px; 
	background-color:#eee;
	border-radius:10px;
	padding:15px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:5px;
	margin-bottom:5px;
	align-items: center;
	display: flex;
	gap: 12px;
	box-shadow: 4px 8px 24px 17px rgb(68 102 242 / 5%);
	/* box-shadow: 0 20px 60px rgba(11, 30, 63, 0.3), 0 6px 16px rgba(11, 30, 63, 0.26); */
}

.carousel {
		box-shadow: 4px 8px 24px 17px rgb(68 102 242 / 5%);
}

.text-panel-dashboard-header{
	font-size:14px;
	font-weight:700;
	color: #3f51b5;
}


.text-panel-dashboard-body{
	font-size:16px;
	font-weight:700;
}

.carausel-dashboard-item{
	height:340px;
	border-radius:10px;
}

.carousel-inner{
	border-radius:10px;
}

.box-carausel-beranda-prestasi{
	min-height:100px;
	background-color:#eee;
	padding:15px;
	border-radius:5px;
	font-size:10px;
	text-align:center;
	
}

.stat-icon {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: #bababa;
    display: grid;
    place-items: center;
	color:#fff;
}


/*  */

.tv-platform-card {
    background-color: #eee;
    border: 1px solid var(--tv-ink-200);
    border-radius: var(--tv-radius-xl);
    padding: 25px;
	padding-top:15px;
	border-radius:10px;
	font-size:10px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    cursor: pointer;
	min-height:200px;
    transition: transform var(--tv-dur-base) var(--tv-ease-out), box-shadow var(--tv-dur-base) var(--tv-ease-out), border-color var(--tv-dur-base) var(--tv-ease-out);
}

.tv-icon-tile {
    width: 36px;
    height: 36px;
    border-radius: 10px;
	font-size:14px;
    display: grid;
    place-items: center;
    color: white;
    flex-shrink: 0;
}

.tv-icon-tile--amber {
    background: linear-gradient(135deg, #FBBF24, #D97706);
    box-shadow: 0 8px 18px rgba(217, 119, 6, 0.35);
}

.tv-icon-tile--purple { background: linear-gradient(135deg, #A78BFA, #7C3AED); box-shadow: 0 8px 18px rgba(124,58,237,0.35); }
.tv-icon-tile--blue   { background: linear-gradient(135deg, #38BDF8, #0284C7); box-shadow: 0 8px 18px rgba(2,132,199,0.35); }
.tv-icon-tile--green  { background: linear-gradient(135deg, #34D399, #059669); box-shadow: 0 8px 18px rgba(5,150,105,0.35); }
.tv-icon-tile--amber  { background: linear-gradient(135deg, #FBBF24, #D97706); box-shadow: 0 8px 18px rgba(217,119,6,0.35); }
.tv-icon-tile--red    { background: linear-gradient(135deg, #F87171, #DC2626); box-shadow: 0 8px 18px rgba(220,38,38,0.35); }
.tv-icon-tile--cyan   { background: linear-gradient(135deg, #22D3EE, #0891B2); box-shadow: 0 8px 18px rgba(8,145,178,0.35); }
.tv-icon-tile--pink   { background: linear-gradient(135deg, #F472B6, #DB2777); box-shadow: 0 8px 18px rgba(219,39,119,0.35); }
.tv-icon-tile--indigo { background: linear-gradient(135deg, #818CF8, #4F46E5); box-shadow: 0 8px 18px rgba(79,70,229,0.35); }