/* ==========================================================
   BMGG WMS V3.0
   dashboard.css
   Dashboard-specific styles
========================================================== */

/* KPI Trend Indicators */
.kpi-trend{
display:flex;
align-items:center;
gap:6px;
font-size:12px;
font-weight:500;
margin-top:8px;
}

.kpi-trend.up{
color:var(--success);
}

.kpi-trend.down{
color:var(--danger);
}

/* KPI Icon */
.kpi-icon{
width:44px;
height:44px;
border-radius:var(--radius-md);
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
margin-bottom:12px;
}

.kpi-icon.blue{
background:#E3F2FD;
color:#1565C0;
}

.kpi-icon.green{
background:#E8F5E9;
color:#2E7D32;
}

.kpi-icon.orange{
background:#FFF3E0;
color:#EF6C00;
}

.kpi-icon.red{
background:#FDECEC;
color:#D32F2F;
}

.kpi-icon.purple{
background:#F3E5F5;
color:#7B1FA2;
}

/* Activity Timeline */
.activity-list{
padding:0;
}

.activity-item{
display:flex;
align-items:flex-start;
gap:14px;
padding:14px 0;
border-bottom:1px solid var(--border-light);
}

.activity-item:last-child{
border-bottom:none;
}

.activity-dot{
width:10px;
height:10px;
border-radius:50%;
margin-top:6px;
flex-shrink:0;
}

.activity-dot.blue{background:var(--info);}
.activity-dot.green{background:var(--success);}
.activity-dot.orange{background:var(--warning);}
.activity-dot.red{background:var(--danger);}

.activity-content{
flex:1;
}

.activity-title{
font-size:14px;
font-weight:500;
margin-bottom:2px;
}

.activity-desc{
font-size:12px;
color:var(--text-light);
}

.activity-time{
font-size:11px;
color:var(--text-placeholder);
white-space:nowrap;
}

/* Chart placeholder */
.chart-placeholder{
height:200px;
background:linear-gradient(135deg,#F8FAFC 0%,#E2E8F0 100%);
border-radius:var(--radius-md);
display:flex;
align-items:center;
justify-content:center;
color:var(--text-light);
font-size:14px;
border:1px dashed var(--border);
}

/* KPI Card with colored top border */
.kpi-card-accent{
border-top:4px solid var(--primary);
}

.kpi-card-accent.success{
border-top-color:var(--success);
}

.kpi-card-accent.warning{
border-top-color:var(--warning);
}

.kpi-card-accent.danger{
border-top-color:var(--danger);
}

.kpi-card-accent.info{
border-top-color:var(--info);
}

/* Stat Grid */
.stat-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
margin-bottom:24px;
}

.stat-item{
text-align:center;
padding:16px;
background:#F8FAFC;
border-radius:var(--radius-md);
}

.stat-value{
font-size:28px;
font-weight:700;
color:var(--primary);
}

.stat-label{
font-size:12px;
color:var(--text-light);
margin-top:4px;
}