/*
  Business Dashboard 財務經營 Workspace — Foundation Pack CSS
  (BUSINESS-DASHBOARD-FINANCE-WORKSPACE-FOUNDATION-001).

  Every rule is scoped under #financeWorkspaceHostRoot AND every class is fw-* prefixed (same
  double-containment convention every other Business Dashboard Workspace CSS file already
  established) — a shared global stylesheet space means an unscoped rule risks silently affecting
  unrelated pages. Color/spacing values match businessCenter.css's own existing tokens verbatim
  (no new visual language introduced for this Foundation Pack).
*/
#financeWorkspaceHostRoot {
  --fw-space-2: 8px;
  --fw-space-3: 12px;
  --fw-space-4: 16px;
  --fw-space-5: 24px;
}

/* 每日關帳完成度 — status badge + stat card + unclosed-date list. */
#financeWorkspaceHostRoot .fw-closing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--fw-space-3);
  margin-bottom: var(--fw-space-3);
}

#financeWorkspaceHostRoot .fw-open-dates-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text, #1d2939);
  margin-bottom: var(--fw-space-2);
}

#financeWorkspaceHostRoot .fw-open-dates-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--fw-space-2);
}

#financeWorkspaceHostRoot .fw-open-dates-list li {
  font-size: 13px;
  padding: var(--fw-space-2) var(--fw-space-3);
  border-radius: 6px;
  background: var(--color-bg, #f9fafb);
  color: #b54708;
}

@media (max-width: 900px) {
  #financeWorkspaceHostRoot .fw-stat-grid,
  #financeWorkspaceHostRoot .fw-closing-grid {
    grid-template-columns: 1fr;
  }

}