/* 워크스페이스 대시보드 골격 — 섹션 카드·그리드·로딩 스켈레톤 (2026-10-01, workspace/_dashboard.html.erb 인라인 <style> 이관)
   색은 테마 토큰(--ord-*)만 — 라이트/다크 자동. KPI·근태 스트립 = _dash_kpi_strip.css · 섹션 헤더 = _dash_section_controls.css */
@keyframes dash-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }
.dash-skeleton { background: var(--ord-skeleton); border-radius: 12px; animation: dash-pulse 1.6s ease-in-out infinite; }
.dash-grid-2 { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; margin-bottom: 16px; }
.dash-grid-half { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
/* 그리드 아이템 min-width:auto 차단 — Chart.js 반응형 캔버스가 트랙 폭을 밀어내는
   랫칫(무한 확장) 방지 + 모바일에서 카드가 뷰포트를 벗어나지 않게 축소 허용 */
.dash-grid-2 > *, .dash-grid-half > * { min-width: 0; }
.dash-stack { margin-bottom: 16px; }
@media (max-width: 900px) {
  .dash-grid-2, .dash-grid-half { grid-template-columns: 1fr; }
}
.dash-card { background: var(--ord-surface); border: 1px solid var(--ord-line); border-radius: 12px; max-width: 100%; }
.dash-card-title { font-size: 13px; font-weight: 700; color: var(--ord-text-2); margin: 0; }