/* Action buttons in the filter-bar right cluster (Full Screen, etc). */

.top-bar-actions {
  display: flex; align-items: center; gap: 8px;
  margin-left: 16px;  /* flows right after view-tabs, small gap between groups */
}

.top-bar-data-as-of {
  font-size: 11px; color: #6b7280; letter-spacing: 0.2px;
  padding-right: 4px; white-space: nowrap;
}

.top-bar-data-as-of:empty { display: none; }

.top-bar-btn {
  font-size: 12px; padding: 6px 10px; border-radius: 5px;
  border: 1px solid #E5E7EB; background: #fff; color: var(--navy);
  cursor: pointer; font-weight: 500;
  transition: background 0.15s, border-color 0.15s;
}

.top-bar-btn:hover { background: #f9fafb; border-color: #d1d5db; }

.top-bar-btn[hidden] { display: none !important; }

.filter-actions {
  display: flex; align-items: center; gap: 8px; margin-left: auto;
}

/* Data-as-of stamp for the Daily Report (Classic) view. Sits above the
   table since that view has no date filter -- the periods are computed
   relative to this date. */
.classic-report-asof {
  font-size: 12px; color: #6b7280; padding: 6px 4px 10px;
  letter-spacing: 0.2px;
}
.classic-report-asof strong { color: var(--navy); font-weight: 600; }

.filter-action-btn {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 6px 14px; background: #fff; color: var(--navy);
  border: 1px solid #d1d5db; border-radius: 24px;
  font-size: 12px; font-weight: 600; cursor: pointer;
  height: 32px; box-sizing: border-box;
  font-family: var(--font-stack); letter-spacing: 0.2px;
  transition: background 0.15s, border-color 0.15s;
}

.filter-action-btn:hover { background: #f9fafb; border-color: #9ca3af; }

.filter-action-btn[hidden] { display: none !important; }