/* ===== ALL PROJECTS DASHBOARD ===== */
/* ===== ALL PROJECTS DASHBOARD ===== */
.dash-wrap{flex:1;overflow-y:auto;padding:32px 36px;display:flex;flex-direction:column;gap:28px;}
.dash-top{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.dash-stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:4px;}
.dash-stat-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);}
.dash-stat-val{font-family:'DM Serif Display',serif;font-size:30px;color:var(--text);line-height:1.1;}
.dash-stat-sub{font-size:11.5px;color:var(--muted);margin-top:2px;}
.dash-stat-accent{color:var(--amber);}
.dash-section-title{font-family:'DM Serif Display',serif;font-size:18px;color:var(--text);margin-bottom:14px;display:flex;align-items:center;gap:10px;}
.dash-section-title::after{content:'';flex:1;height:1px;background:var(--border);}

/* Project cards grid */
.dash-proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;}
.dash-proj-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;}
.dash-proj-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:12px 12px 0 0;}
.dash-proj-card:hover{border-color:var(--surface3);background:var(--surface2);transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,0.3);}
.dash-proj-header{display:flex;align-items:flex-start;gap:12px;}
.dash-proj-emoji{font-size:24px;line-height:1;}
.dash-proj-meta{flex:1;min-width:0;}
.dash-proj-name{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dash-proj-client{font-size:11.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dash-proj-status{font-size:10px;font-weight:600;padding:3px 9px;border-radius:10px;white-space:nowrap;flex-shrink:0;}
.dash-proj-progress{display:flex;flex-direction:column;gap:5px;}
.dash-prog-bar{height:5px;background:var(--surface3);border-radius:3px;overflow:hidden;}
.dash-prog-fill{height:100%;border-radius:3px;transition:width 0.6s cubic-bezier(0.4,0,0.2,1);}
.dash-prog-labels{display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted);font-family:'JetBrains Mono',monospace;}
.dash-proj-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.dash-task-pill{font-size:11px;padding:3px 9px;border-radius:8px;font-family:'JetBrains Mono',monospace;}
.dash-proj-pm{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);margin-left:auto;}
.dash-pm-av{width:20px;height:20px;border-radius:50%;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;}

/* Due soon list */
.dash-due-list{display:flex;flex-direction:column;gap:3px;}
.dash-due-row{display:flex;align-items:center;gap:12px;padding:9px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;transition:all var(--transition);cursor:pointer;}
.dash-due-row:hover{background:var(--surface2);border-color:var(--surface3);}
.dash-due-proj-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.dash-due-name{font-size:13px;flex:1;}
.dash-due-proj{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:600;white-space:nowrap;}
.dash-due-assign{width:22px;height:22px;border-radius:50%;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;}
.dash-due-date{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);white-space:nowrap;}
.dash-due-date.overdue{color:var(--red);}
.dash-empty{text-align:center;padding:32px;color:var(--muted);font-size:13px;background:var(--surface);border:1px solid var(--border);border-radius:10px;}

/* Two-col layout for bottom section */
.dash-bottom{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
@media(max-width:900px){.dash-bottom{grid-template-columns:1fr;}.dash-top{grid-template-columns:repeat(2,1fr);}}



/* Visible scrollbar for dashboard detail panels */
#backlogSummaryWrap::-webkit-scrollbar,
#backlogDetailWrap::-webkit-scrollbar,
#salesSummaryWrap::-webkit-scrollbar,
#salesDetailWrap::-webkit-scrollbar,
#bookingSummaryWrap::-webkit-scrollbar,
#bookingDetailWrap::-webkit-scrollbar { width: 8px; }

#backlogSummaryWrap::-webkit-scrollbar-track,
#backlogDetailWrap::-webkit-scrollbar-track,
#salesSummaryWrap::-webkit-scrollbar-track,
#salesDetailWrap::-webkit-scrollbar-track,
#bookingSummaryWrap::-webkit-scrollbar-track,
#bookingDetailWrap::-webkit-scrollbar-track { background: var(--surface2); border-radius: 4px; }

#backlogSummaryWrap::-webkit-scrollbar-thumb,
#backlogDetailWrap::-webkit-scrollbar-thumb,
#salesSummaryWrap::-webkit-scrollbar-thumb,
#salesDetailWrap::-webkit-scrollbar-thumb,
#bookingSummaryWrap::-webkit-scrollbar-thumb,
#bookingDetailWrap::-webkit-scrollbar-thumb { background: var(--amber-dim); border-radius: 4px; }

#backlogSummaryWrap::-webkit-scrollbar-thumb:hover,
#backlogDetailWrap::-webkit-scrollbar-thumb:hover,
#salesSummaryWrap::-webkit-scrollbar-thumb:hover,
#salesDetailWrap::-webkit-scrollbar-thumb:hover,
#bookingSummaryWrap::-webkit-scrollbar-thumb:hover,
#bookingDetailWrap::-webkit-scrollbar-thumb:hover { background: var(--amber); }