/* 新版仪表盘样式 */
.dash-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}
.dash-welcome h2 { margin: 0; font-size: 1.5rem; font-weight: 600; color: var(--text-main); }
.dash-date { color: var(--text-muted); font-size: 0.9rem; margin-top: 0.5rem; }
.btn-refresh { background-color: var(--bg-card); color: var(--text-muted); border: 1px solid #3d3d3d; padding: 0.5rem 1rem; display: flex; align-items: center; gap: 0.5rem; transition: all 0.2s; }
.btn-refresh:hover { background-color: #3d3d3d; color: var(--text-main); }

/* 信息卡片 (Info Card) */
.info-card {
    background-color: var(--bg-card);
    border-radius: 8px;
    padding: 1.5rem;
    position: relative;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    transition: transform 0.2s;
}
.info-card:hover { transform: translateY(-2px); }
.info-card-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem; }
.info-title { color: var(--text-muted); font-size: 0.9rem; }
.info-icon { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: white; }
.bg-blue { background-color: var(--primary); }
.bg-green { background-color: var(--success); }
.bg-purple { background-color: #6f42c1; }
.bg-orange { background-color: #fd7e14; }
.info-value { font-size: 2rem; font-weight: bold; color: var(--text-main); line-height: 1; margin-bottom: 0.5rem; }
.info-sub { font-size: 0.85rem; color: var(--text-muted); display: flex; align-items: center; gap: 0.5rem; }
.text-success { color: var(--success); }
.text-danger { color: var(--danger); }

/* 仪表盘主布局 */
.dash-split {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5rem;
}
@media (max-width: 992px) {
    .dash-split { grid-template-columns: 1fr; }
}

/* 进度列表 */
.dash-panel { background-color: var(--bg-card); border-radius: 8px; padding: 1.5rem; height: 100%; }
.panel-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
.panel-title { font-size: 1.1rem; font-weight: bold; display: flex; align-items: center; gap: 0.5rem; }
.link-more { font-size: 0.9rem; color: var(--primary); }

.project-list-item { display: flex; align-items: center; padding: 1rem 0; border-bottom: 1px solid #3d3d3d; }
.project-list-item:last-child { border-bottom: none; }
.p-info { flex: 2; }
.p-name { font-weight: 500; margin-bottom: 0.25rem; }
.p-sub { font-size: 0.85rem; color: var(--text-muted); }
.p-progress { flex: 2; margin: 0 1.5rem; }
.p-status { flex: 0 0 80px; text-align: right; }

.progress-track { background-color: #3d3d3d; height: 8px; border-radius: 4px; overflow: hidden; }
.progress-fill { height: 100%; border-radius: 4px; transition: width 0.5s ease; }
.badge { display: inline-block; padding: 0.25rem 0.5rem; font-size: 0.75rem; border-radius: 4px; color: white; }
.badge-primary { background-color: var(--primary); }
.badge-secondary { background-color: #6c757d; }
.badge-success { background-color: var(--success); }
.badge-warning { background-color: var(--warning); color: #212529; }

/* 环形图 (简易版) */
.chart-container { display: flex; align-items: center; justify-content: center; padding: 2rem 0; position: relative; }
.donut { width: 150px; height: 150px; border-radius: 50%; background: conic-gradient(var(--success) 0% 60%, var(--bg-dark) 60% 75%, var(--danger) 75% 85%, var(--warning) 85% 100%); position: relative; }
.donut-hole { width: 110px; height: 110px; background-color: var(--bg-card); border-radius: 50%; position: absolute; top: 20px; left: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.chart-legend { display: flex; flex-direction: column; gap: 0.5rem; margin-left: 1rem; }
.legend-item { display: flex; align-items: center; font-size: 0.9rem; color: var(--text-muted); }
.legend-dot { width: 10px; height: 10px; border-radius: 50%; margin-right: 0.5rem; }

/* 快捷操作 */
.quick-actions { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 1rem; }
.action-btn { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; background: none; border: none; cursor: pointer; color: var(--text-muted); transition: color 0.2s; }
.action-btn:hover { color: var(--primary); }
.action-icon { width: 50px; height: 50px; border-radius: 50%; background-color: #3d3d3d; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; transition: background-color 0.2s; }
.action-btn:hover .action-icon { background-color: var(--primary); color: white; }